import {ReactNode} from 'react';
import {IButton} from '../../atoms/button/button.type';
import {ITypography} from '../../atoms/typography/typography.type';

export type ToastVariantsType = 'danger' | 'info' | 'success';

export interface IToast {
    isOpen: boolean;
    onClose: () => void;
    variant?: ToastVariantsType;
    children?: ReactNode;
    hasIcon?: boolean;
}

export interface IToastTitle extends ITypography {}

export interface IToastDescription extends ITypography {}

export interface IToastButtonGroup
    extends React.HTMLAttributes<HTMLDivElement> {}

export interface IToastButton extends IButton {}

export interface IToastColorMapper {
    success: 'success';
    info: 'primary';
    danger: 'error';
}

export interface IToastIconNameMapper {
    success: 'check';
    info: 'info';
    danger: 'danger';
}