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

export type TInfoBarColor = 'blue' | 'green' | 'red' | 'yellow';
export type TInfoBarVariant = 'filled' | 'outline' | 'translucent';
export interface IInfoBarProps {
    /**
     * the content to render inside the InfoBar
     */
    color?: TInfoBarColor;
    /**
     * add a custom CTA button
     */
    cta?: ReactNode;
    /**
     * whether the InfoBar should have a border radius
     */
    hasBorderRadius?: boolean;
    /**
     * if an ID is set it will be returned
     */
    id?: string;
    /**
     * call back function, when close "X" button is clicked InfoBar returns its ID.
     * if the function is not defined the InfoBar has no  close "X" button.
     * the component will hide itself by default but your state should be updated acc
     */
    onClick?: (id: string) => void;
    /**
     * selection of predefined sizes
     */
    size?: TSize;
    /**
     * apply custom CSS
     */
    style?: React.CSSProperties;
    /**
     * the content to render inside the InfoBar
     */
    text: string | ReactNode | JSX.Element;
    /**
     * apply custom CSS
     */
    variant?: TInfoBarVariant;
}
//# sourceMappingURL=types.d.ts.map