welcome-ui/dist/types/components/Alert/types.d.ts

Customizable design system with react, typescript, tailwindcss and ariakit.

import { ComponentPropsWithRef, HTMLAttributes, JSXElementConstructor, ReactElement } from 'react';
import { TextProps } from '../Text/types';
export type AlertProps = AlertOptions & ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement>;
export type AlertTitleProps = TextProps & {
    hasCloseButton?: boolean;
};
export type CloneActionsReturns = ReactElement<unknown, JSXElementConstructor<AlertProps> | string>;
interface AlertOptions {
    closeButtonDataTestId?: string;
    cta?: JSX.Element;
    /**
     * @description add a close button with an onclick handleClose function
     */
    handleClose?: () => void;
    /**
     * @description you can remove the icon by setting this prop to false
     * by default the icon is shown unless the variant is 'beige'
     */
    hideIcon?: boolean;
    isFullWidth?: boolean;
    size?: 'md' | 'sm';
    variant?: 'ai' | 'beige' | 'danger' | 'info' | 'success' | 'warning';
}
export {};