| | |
| | | Active = 'active', |
| | | Disabled = 'disabled', |
| | | Default = '', |
| | | Hover = 'hover', |
| | | } |
| | | |
| | | const actionButtonVariants = cva( |
| | |
| | | ) |
| | | |
| | | export type ActionButtonProps = { |
| | | size?: 'xs' | 's' | 'm' | 'l' | 'xl' |
| | | size?: 'xs' | 'm' | 'l' | 'xl' |
| | | state?: ActionButtonState |
| | | styleCss?: CSSProperties |
| | | } & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof actionButtonVariants> |
| | |
| | | return 'action-btn-active' |
| | | case ActionButtonState.Disabled: |
| | | return 'action-btn-disabled' |
| | | case ActionButtonState.Hover: |
| | | return 'action-btn-hover' |
| | | default: |
| | | return '' |
| | | } |