FE - Button Component

[aryanxved]

Description:
Develop a reusable Button component that can be used across the fintech decision support system. The component should support different styles, sizes, and states (e.g., loading, disabled). It should be customizable via props and follow accessibility best practices.

Acceptance Criteria:

The component should render a clickable button element.

It should accept the following props:

• variant (e.g., "primary", "secondary", "outline", "disabled")
• size (e.g., "small", "medium", "large")
• disabled (Boolean, prevents interaction when true)
• loading (Boolean, shows a spinner when true)
• onClick (Function, triggered when clicked)
• icon (Optional, displays an icon before/after text)
• Should have hover and active states for better UX
• Should be styled consistently with the project’s theme