@vela-ui/react
Version:
Vela UI React components
3 lines (2 loc) • 1.46 kB
JavaScript
"use client"
import{tv as a}from"tailwind-variants";import{jsx as r}from"react/jsx-runtime";var e=a({slots:{root:"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",header:"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",title:"leading-none font-semibold",description:"text-muted-foreground text-sm",action:"col-start-2 row-span-2 row-start-1 self-start justify-self-end",content:"px-6",footer:"flex items-center px-6 [.border-t]:pt-6"}}),{root:n,header:d,title:s,description:c,action:i,content:l,footer:p}=e();function u({className:t,...o}){return r("div",{"data-slot":"card",className:n({className:t}),...o})}function f({className:t,...o}){return r("div",{"data-slot":"card-header",className:d({className:t}),...o})}function v({className:t,...o}){return r("div",{"data-slot":"card-title",className:s({className:t}),...o})}function C({className:t,...o}){return r("div",{"data-slot":"card-description",className:c({className:t}),...o})}function x({className:t,...o}){return r("div",{"data-slot":"card-action",className:i({className:t}),...o})}function g({className:t,...o}){return r("div",{"data-slot":"card-content",className:l({className:t}),...o})}function b({className:t,...o}){return r("div",{"data-slot":"card-footer",className:p({className:t}),...o})}export{u as a,f as b,v as c,C as d,x as e,g as f,b as g};