@vela-ui/react
Version:
Vela UI React components
3 lines (2 loc) • 909 B
JavaScript
"use client"
import{tv as o}from"tailwind-variants";import{jsx as r}from"react/jsx-runtime";var n=o({slots:{root:"bg-card text-card-foreground relative flex w-full items-start gap-3 rounded-lg border p-4 text-sm [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5 [&>svg]:text-current",content:"flex flex-1 flex-col gap-1",title:"font-medium",description:"text-muted-foreground"}}),{root:a,content:s,title:i,description:l}=n();function c({className:t,...e}){return r("div",{"data-slot":"alert",role:"alert",className:a({className:t}),...e})}function d({className:t,...e}){return r("div",{"data-slot":"alert-content",className:s({className:t}),...e})}function f({className:t,...e}){return r("div",{"data-slot":"alert-title",className:i({className:t}),...e})}function m({className:t,...e}){return r("div",{"data-slot":"alert-description",className:l({className:t}),...e})}export{c as a,d as b,f as c,m as d};