import { ReactElement } from 'react';
import { ThemeObject } from '../Theme';
import { TooltipProps } from '../Tooltip';

export type ButtonProps = {
  autoFocus?: boolean;
  className?: string;
  iconPosition?: 'left' | 'right';
  color?: keyof ThemeObject['pallet'];
  icon?: ReactElement;
  isDisabled?: boolean;
  isLoading?: boolean;
  mode?: 'text' | 'filled' | 'icon-mode';
  onClick?: () => void;
  size?: 'small' | 'medium' | 'big' | number;
  style?: React.CSSProperties;
  text?: string;
  tooltip?: { title: TooltipProps['title']; placement?: TooltipProps['placement'] };
  customize?: {
    textColor?: string;
    buttonColor?: string;
  };
};
