62 lines
1.6 KiB
JavaScript
62 lines
1.6 KiB
JavaScript
import { jsx } from "react/jsx-runtime";
|
|
import * as React from "react";
|
|
import { c as cn } from "./utils-DLCPGU0v.js";
|
|
const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
"div",
|
|
{
|
|
ref,
|
|
className: cn(
|
|
"rounded-xl border bg-card text-card-foreground shadow",
|
|
className
|
|
),
|
|
...props
|
|
}
|
|
));
|
|
Card.displayName = "Card";
|
|
const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
"div",
|
|
{
|
|
ref,
|
|
className: cn("flex flex-col space-y-1.5 p-6", className),
|
|
...props
|
|
}
|
|
));
|
|
CardHeader.displayName = "CardHeader";
|
|
const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
"div",
|
|
{
|
|
ref,
|
|
className: cn("font-semibold leading-none tracking-tight", className),
|
|
...props
|
|
}
|
|
));
|
|
CardTitle.displayName = "CardTitle";
|
|
const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
"div",
|
|
{
|
|
ref,
|
|
className: cn("text-sm text-muted-foreground", className),
|
|
...props
|
|
}
|
|
));
|
|
CardDescription.displayName = "CardDescription";
|
|
const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
|
|
CardContent.displayName = "CardContent";
|
|
const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
"div",
|
|
{
|
|
ref,
|
|
className: cn("flex items-center p-6 pt-0", className),
|
|
...props
|
|
}
|
|
));
|
|
CardFooter.displayName = "CardFooter";
|
|
export {
|
|
Card as C,
|
|
CardHeader as a,
|
|
CardContent as b,
|
|
CardTitle as c,
|
|
CardDescription as d,
|
|
CardFooter as e
|
|
};
|