import { TSize } from '../../index.ts';
import { CSSProperties, ReactNode } from 'react';

type TPopMessageVariant = 'default' | 'error' | 'success' | 'warning';
export type TPopMessage = {
    /**
     * call to action, good to use with Button
     */
    cta?: ReactNode;
    /**
     * the direction the pop message will render - NOT YET SUPPORTED
     */
    direction?: CSSProperties['flexDirection'];
    /**
     * the text the pop message should show
     */
    message?: string | ReactNode;
    /**
     * the position on the screen for pop messages - NOT YET SUPPORTED
     */
    position?: 'top' | 'bottom' | 'left' | 'right';
    /**
     * the size of the pop message - LARGE NOT YET SUPPORTED
     */
    size?: TSize;
    /**
     * every pop message needs at least a title
     */
    title: string;
    /**
     * changes the color and icon of the pop message
     */
    variant?: TPopMessageVariant;
};
export type TPopMessageData = TPopMessage & {
    id: number;
};
export type TPopMessageItem = TPopMessageData & {
    onClose: (id: number) => void;
};
export interface IPopMessageProvider {
    children: ReactNode;
}
export interface IPopMessageIcon {
    variant?: TPopMessageVariant;
}
export {};
//# sourceMappingURL=types.d.ts.map