import { ReactNode } from 'react';
import { colorIndex } from '../../constants/colors/colors.types';
export interface ToastProps {
    /**
     * Custom className for Toast
     */
    className?: string;
    /**
     * Custom background color for Toast from provided colorIndex
     */
    backgroundColor?: colorIndex;
    /**
     * CUstom text color for Toast from provided colorIndex
     */
    color?: colorIndex;
    /**
     * The placement of the toast
     */
    placement?: 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
    /**
     * Specify a function that will be called when the message of Toast is clicked
     */
    onClick?: () => void;
    /**
     * Specify a function that will be called when toast is closed either by clicking on close button or by timeout
     */
    onClose?: () => void;
    close?: () => void;
    /**
     *
     */
    label?: string;
    /**
     *
     */
    clickLabel?: string;
    /**
     * Custom width for Toast
     */
    width?: string;
    /**
     * Custom height for Toast
     */
    height?: string;
    /**
     * Custom render a component for Toast component
     */
    render?: (onClick: () => void) => ReactNode;
    /**
     * Custom duration for showing Toast
     */
    duration?: number;
    /**
     * Custom z-index for Toast
     */
    zIndex?: number | string;
}