mirror of
https://github.com/BradNut/TofuStack
synced 2025-09-08 17:40:26 +00:00
34 lines
909 B
TypeScript
34 lines
909 B
TypeScript
|
import { type VariantProps, tv } from "tailwind-variants";
|
||
|
|
|
||
|
|
import Root from "./alert.svelte";
|
||
|
|
import Description from "./alert-description.svelte";
|
||
|
|
import Title from "./alert-title.svelte";
|
||
|
|
|
||
|
|
export const alertVariants = tv({
|
||
|
|
base: "relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
|
||
|
|
|
||
|
|
variants: {
|
||
|
|
variant: {
|
||
|
|
default: "bg-background text-foreground",
|
||
|
|
destructive:
|
||
|
|
"border-destructive/50 text-destructive text-destructive dark:border-destructive [&>svg]:text-destructive",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
defaultVariants: {
|
||
|
|
variant: "default",
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
export type Variant = VariantProps<typeof alertVariants>["variant"];
|
||
|
|
export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
||
|
|
|
||
|
|
export {
|
||
|
|
Root,
|
||
|
|
Description,
|
||
|
|
Title,
|
||
|
|
//
|
||
|
|
Root as Alert,
|
||
|
|
Description as AlertDescription,
|
||
|
|
Title as AlertTitle,
|
||
|
|
};
|