@arolariu/components/dist/components/ui/alert.js

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

import { jsx } from "react/jsx-runtime";
import { cn } from "../../lib/utilities.js";
import alert_module from "./alert.module.js";
import * as __rspack_external_react from "react";
const variantStyles = {
    default: alert_module["default"],
    destructive: alert_module.destructive
};
const Alert = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant = "default", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
        ref: ref,
        role: "alert",
        className: cn(alert_module.alert, variantStyles[variant], className),
        ...props
    }));
Alert.displayName = "Alert";
const AlertTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsx("h5", {
        ref: ref,
        className: cn(alert_module.title, className),
        ...props,
        children: children
    }));
AlertTitle.displayName = "AlertTitle";
const AlertDescription = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
        ref: ref,
        className: cn(alert_module.description, className),
        ...props
    }));
AlertDescription.displayName = "AlertDescription";
export { Alert, AlertDescription, AlertTitle };

//# sourceMappingURL=alert.js.map