67 lines
1.6 KiB
JavaScript
67 lines
1.6 KiB
JavaScript
import { jsx } from "react/jsx-runtime";
|
|
import { cva } from "class-variance-authority";
|
|
import { c as cn } from "./utils-DLCPGU0v.js";
|
|
const alertVariants = cva(
|
|
"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
{
|
|
variants: {
|
|
variant: {
|
|
default: "bg-background text-foreground",
|
|
destructive: "text-destructive-foreground [&>svg]:text-current *:data-[slot=alert-description]:text-destructive-foreground/80"
|
|
}
|
|
},
|
|
defaultVariants: {
|
|
variant: "default"
|
|
}
|
|
}
|
|
);
|
|
function Alert({
|
|
className,
|
|
variant,
|
|
...props
|
|
}) {
|
|
return /* @__PURE__ */ jsx(
|
|
"div",
|
|
{
|
|
"data-slot": "alert",
|
|
role: "alert",
|
|
className: cn(alertVariants({ variant }), className),
|
|
...props
|
|
}
|
|
);
|
|
}
|
|
function AlertTitle({ className, ...props }) {
|
|
return /* @__PURE__ */ jsx(
|
|
"div",
|
|
{
|
|
"data-slot": "alert-title",
|
|
className: cn(
|
|
"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
|
|
className
|
|
),
|
|
...props
|
|
}
|
|
);
|
|
}
|
|
function AlertDescription({
|
|
className,
|
|
...props
|
|
}) {
|
|
return /* @__PURE__ */ jsx(
|
|
"div",
|
|
{
|
|
"data-slot": "alert-description",
|
|
className: cn(
|
|
"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
|
|
className
|
|
),
|
|
...props
|
|
}
|
|
);
|
|
}
|
|
export {
|
|
Alert as A,
|
|
AlertTitle as a,
|
|
AlertDescription as b
|
|
};
|