import type { HTMLProps, ReactNode } from 'react';
export type TAlertColor = 'success' | 'warning' | 'error' | 'information';
export type TAlertProps = {
    /** Set the Alert's color. Will affect the Alert's background, border, and default icon background colors */
    color?: TAlertColor;
    /** Set the Alert's description */
    description?: string;
    /** Set the Alert's description class name */
    descriptionClassName?: string;
    /** Set custom left icon for the Alert. If it's set it will override the Alert's default Icon */
    leftIcon?: ReactNode;
    /** Set the Alert's left icon class name */
    leftIconClassName?: string;
    /** Hide the Alert left icon. If `noLeftIcon` is set as `true` and you have custom icon via `leftIcon` prop then it will be hidden too */
    noLeftIcon?: boolean;
    /** Set custom right icon for the Alert */
    rightIcon?: ReactNode;
    /** Set the Alert's right icon class name */
    rightIconClassName?: string;
    /** Set the Alert's title */
    title?: string;
    /** Set the Alert's title class name */
    titleClassName?: string;
} & HTMLProps<HTMLDivElement>;