@loke/design-system/dist/components/alert/alert.d.mts

A design system with individually importable components

import { type VariantProps } from "class-variance-authority";
import { type HTMLAttributes } from "react";
/**
 * Alert component for displaying important messages or notifications.
 */
declare const Alert: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    variant?: "default" | "destructive" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * AlertTitle component for displaying the title of an Alert.
 */
declare const AlertTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLParagraphElement>>;
/**
 * AlertDescription component for displaying the description text of an Alert.
 */
declare const AlertDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
export { Alert, AlertTitle, AlertDescription };