ui alert.tsx

0% Statements 0/31

0% Branches 0/1

0% Functions 0/1

0% Lines 0/31

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import * as React from "react"
import { cn } from "@/lib/utils"
import "./alert.css"
 
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
  variant?: 'default' | 'destructive'
}
 
const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
  ({ className, variant = 'default', ...props }, ref) => (
    <div
      ref={ref}
      role="alert"
      className={cn("ui-alert", `ui-alert-${variant}`, className)}
      {...props}
    />
  )
)
Alert.displayName = "Alert"
 
const AlertTitle = React.forwardRef<
  HTMLParagraphElement,
  React.HTMLAttributes<HTMLHeadingElement>
>(({ className, ...props }, ref) => (
  <h5
    ref={ref}
    className={cn("ui-alert-title", className)}
    {...props}
  />
))
AlertTitle.displayName = "AlertTitle"
 
const AlertDescription = React.forwardRef<
  HTMLParagraphElement,
  React.HTMLAttributes<HTMLParagraphElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn("ui-alert-description", className)}
    {...props}
  />
))
AlertDescription.displayName = "AlertDescription"
 
export { Alert, AlertTitle, AlertDescription }