import { QuillSvgProps } from '@deriv/quill-icons';
import { ComponentProps, ReactNode } from 'react';
import { TDefaultColor, TRegularSizesWithExtraLarge, TSemiRegularSizes } from '../../types.ts';
export type TButtonVariant = "primary" | "secondary" | "tertiary";
export type TButtonColor = TDefaultColor | "purchase" | "sell";
export type TButtonSocial = "google" | "facebook" | "apple";
export type QuillIconComponent = React.ForwardRefExoticComponent<Omit<QuillSvgProps, "ref">>;
export interface ButtonProps extends Omit<ComponentProps<"button">, "ref"> {
    variant?: TButtonVariant;
    color?: TButtonColor;
    icon?: ReactNode;
    isDropdownOpen?: boolean;
    selected?: boolean;
    size?: TRegularSizesWithExtraLarge;
    dropdown?: boolean;
    disabled?: boolean;
    fullWidth?: boolean;
    isLoading?: boolean;
    iconPosition?: "start" | "end";
    isOpaque?: boolean;
    className?: string;
    label?: ReactNode;
    children?: ReactNode;
    iconButton?: boolean;
    hideChevron?: boolean;
}
export interface SocialButtonProps extends ComponentProps<"button"> {
    variant?: "primary" | "secondary";
    social?: TButtonSocial;
    size?: TSemiRegularSizes;
    color?: TDefaultColor;
    hideLabel?: boolean;
    fullWidth?: boolean;
    isLoading?: boolean;
    disabled?: boolean;
}
export interface IconButtonProps extends Omit<ButtonProps, "iconPosition" | "label" | "icon" | "ref"> {
    icon: ReactNode;
}