import {ButtonHTMLAttributes, ReactNode} from 'react';
import {ColorsNameType} from '../../../../types/entities/colors-name';

export type ButtonVariantsType =
    | 'contained'
    | 'pale'
    | 'text'
    | 'link'
    | 'outlined';

export type ButtonSizesType = 'sm' | 'md' | 'lg' | 'xl';
export type ButtonColorsType = ColorsNameType;

export interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
    disabled?: boolean;
    children?: ReactNode;
    size?: ButtonSizesType;
    variant?: ButtonVariantsType;
    color?: ButtonColorsType;
    isLoading?: boolean;
    loadingContent?: ReactNode;
    aspectRatio?: string;
    fontSize?: string;
}