1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
// @deno-types="npm:@types/react@18.2.60"import * as React from "react";
import { cva, type VariantProps } from "../deps/class-variance-authority.ts";import { cn } from "./utils.ts";
const alertVariants = cva(  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",  {    variants: {      variant: {        default: "bg-background text-foreground",        destructive:          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",      },    },    defaultVariants: {      variant: "default",    },  },);
const Alert = React.forwardRef<  HTMLDivElement,  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>>(({ className, variant, ...props }, ref) => (  <div    ref={ref}    role="alert"    className={cn(alertVariants({ variant }), className)}    {...props}  />));Alert.displayName = "Alert";
const AlertTitle = React.forwardRef<  HTMLParagraphElement,  React.HTMLAttributes<HTMLHeadingElement>>(({ className, ...props }, ref) => (  <h5    ref={ref}    className={cn("mb-1 font-medium leading-none tracking-tight", className)}    {...props}  />));AlertTitle.displayName = "AlertTitle";
const AlertDescription = React.forwardRef<  HTMLParagraphElement,  React.HTMLAttributes<HTMLParagraphElement>>(({ className, ...props }, ref) => (  <div    ref={ref}    className={cn("text-sm [&_p]:leading-relaxed", className)}    {...props}  />));AlertDescription.displayName = "AlertDescription";
export { Alert, AlertDescription, AlertTitle };