gitscope
/
← marzneshin / dashboard/src/common/components/ui/alert.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/common/components/ui/alert.tsx · v0.7.2
Source
1 88bd1b0 Mrdn 2y ago import * as React from "react"
2 88bd1b0 Mrdn 2y ago import { cva, type VariantProps } from "class-variance-authority"
3 88bd1b0 Mrdn 2y ago
4 d636f3f Dawsh 2y ago import { cn } from "@marzneshin/common/utils"
5 88bd1b0 Mrdn 2y ago
6 88bd1b0 Mrdn 2y ago const alertVariants = cva(
7 56b916e Mardin 2y ago "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
8 56b916e Mardin 2y ago {
9 56b916e Mardin 2y ago variants: {
10 56b916e Mardin 2y ago variant: {
11 56b916e Mardin 2y ago default: "bg-background text-foreground",
12 56b916e Mardin 2y ago warning:
13 56b916e Mardin 2y ago "border-yellow/50 text-yellow dark:border-yellow [&>svg]:text-yellow",
14 56b916e Mardin 2y ago destructive:
15 56b916e Mardin 2y ago "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
16 56b916e Mardin 2y ago },
17 56b916e Mardin 2y ago },
18 56b916e Mardin 2y ago defaultVariants: {
19 56b916e Mardin 2y ago variant: "default",
20 56b916e Mardin 2y ago },
21 56b916e Mardin 2y ago }
22 88bd1b0 Mrdn 2y ago )
23 88bd1b0 Mrdn 2y ago
24 88bd1b0 Mrdn 2y ago const Alert = React.forwardRef<
25 56b916e Mardin 2y ago HTMLDivElement,
26 56b916e Mardin 2y ago React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
27 88bd1b0 Mrdn 2y ago >(({ className, variant, ...props }, ref) => (
28 56b916e Mardin 2y ago <div
29 56b916e Mardin 2y ago ref={ref}
30 56b916e Mardin 2y ago role="alert"
31 56b916e Mardin 2y ago className={cn(alertVariants({ variant }), className)}
32 56b916e Mardin 2y ago {...props}
33 56b916e Mardin 2y ago />
34 88bd1b0 Mrdn 2y ago ))
35 88bd1b0 Mrdn 2y ago Alert.displayName = "Alert"
36 88bd1b0 Mrdn 2y ago
37 88bd1b0 Mrdn 2y ago const AlertTitle = React.forwardRef<
38 56b916e Mardin 2y ago HTMLParagraphElement,
39 56b916e Mardin 2y ago React.HTMLAttributes<HTMLHeadingElement>
40 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
41 56b916e Mardin 2y ago <h5
42 56b916e Mardin 2y ago ref={ref}
43 56b916e Mardin 2y ago className={cn("mb-1 font-medium leading-none tracking-tight", className)}
44 56b916e Mardin 2y ago {...props}
45 56b916e Mardin 2y ago />
46 88bd1b0 Mrdn 2y ago ))
47 88bd1b0 Mrdn 2y ago AlertTitle.displayName = "AlertTitle"
48 88bd1b0 Mrdn 2y ago
49 88bd1b0 Mrdn 2y ago const AlertDescription = React.forwardRef<
50 56b916e Mardin 2y ago HTMLParagraphElement,
51 56b916e Mardin 2y ago React.HTMLAttributes<HTMLParagraphElement>
52 88bd1b0 Mrdn 2y ago >(({ className, ...props }, ref) => (
53 56b916e Mardin 2y ago <div
54 56b916e Mardin 2y ago ref={ref}
55 56b916e Mardin 2y ago className={cn("text-sm [&_p]:leading-relaxed", className)}
56 56b916e Mardin 2y ago {...props}
57 56b916e Mardin 2y ago />
58 88bd1b0 Mrdn 2y ago ))
59 88bd1b0 Mrdn 2y ago AlertDescription.displayName = "AlertDescription"
60 88bd1b0 Mrdn 2y ago
61 88bd1b0 Mrdn 2y ago export { Alert, AlertTitle, AlertDescription }