import React, { FC } from 'react'; import { IconTypes } from '../../../../avocado-icons'; export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger'; export type ButtonSize = 'sm' | 'md'; export interface ButtonProps extends React.DetailedHTMLProps, HTMLButtonElement> { /** Render content button */ children: React.ReactNode | string; /** Overwrite className */ className?: string; /** Force light mode styles even in dark mode */ forceLightMode?: boolean; /** Show icon on the left */ leftIcon?: IconTypes; /** Loading state */ loading?: boolean; /** Show icon on the right */ rightIcon?: IconTypes; /** Size type */ size?: ButtonSize; /** Use the variant prop to change the visual style of the Button */ variant?: ButtonVariant; } declare const Button: FC; export default Button;