import {ReactNode} from 'react';
import {ColorsNameType} from '../../../../types/entities/colors-name';
import {IButton} from '../../atoms/button/button.type';
import {ITypography} from '../../atoms/typography/typography.type';

export type AlertVariantsType =
    | 'primary'
    | 'secondary'
    | 'danger'
    | 'warning'
    | 'success';
export interface IAlert {
    hasIcon?: boolean; // default is true
    hasDismiss?: boolean;
    variant?: AlertVariantsType; // default is primary
    children?: ReactNode;
}

export interface IAlertSurface {
    color: ColorsNameType;
}

export interface IAlertContent {
    hasIcon: boolean;
}

export interface IAlertVariantMapper {
    primary: 'primary';
    secondary: 'gray';
    danger: 'error';
    warning: 'warning';
    success: 'success';
}

export interface IAlertButtonGroup {
    children: ReactNode;
}

export interface IAlertButton extends IButton {}

export interface IAlertText extends Omit<ITypography, 'variant' | 'color'> {}