import { ReactNode } from 'react'; export type ButtonBetaRef = HTMLButtonElement; export type ButtonBetaColor = 'default' | 'destructive' | 'secondary' | 'tertiary'; export type ButtonBetaSizes = 'sm' | 'md'; export type ButtonBetaVariant = 'filled' | 'outline' | 'ghost'; export interface ButtonBetaProps extends React.ComponentPropsWithRef<'button'> { /** * `button`, `submit` or `reset` */ type?: 'button' | 'submit' | 'reset'; /** * `default`, `destructive`, `secondary` or `tertiary` */ color?: ButtonBetaColor; /** * `filled`, `outline` or `ghost` */ variant?: ButtonBetaVariant; /** * `sm` or `md` */ size?: ButtonBetaSizes; /** * Does it has a text ? */ children?: ReactNode; /** * Display Icon Component to the left */ leftIcon?: ReactNode; /** * Display Icon Component to the right */ rightIcon?: ReactNode; /** * Is it loading ? */ isLoading?: boolean; /** * Disabled status */ disabled?: boolean; /** * Optional class for styling purpose */ className?: string; } /** * Primary UI component for user interaction (edifice2d design system) */ declare const ButtonBeta: import('react').ForwardRefExoticComponent & import('react').RefAttributes>; export default ButtonBeta;