'use strict';
import { jsx } from 'react/jsx-runtime';
import { cn } from '../../../fd-toolbox/lib/utils.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function Card({
  className,
  children,
  ref
}) {
  return /* @__PURE__ */jsx("div", {
    ref,
    className: cn("bg-card text-card-foreground rounded-xl border shadow", className),
    children
  });
}
__name(Card, "Card");
Card.displayName = "Card";
function CardHeader({
  className,
  children,
  ref
}) {
  return /* @__PURE__ */jsx("div", {
    ref,
    className: cn("flex flex-col space-y-1.5 p-6 text-nowrap", className),
    children
  });
}
__name(CardHeader, "CardHeader");
CardHeader.displayName = "CardHeader";
function CardTitle({
  className,
  children,
  ref
}) {
  return /* @__PURE__ */jsx("h3", {
    ref,
    className: cn("leading-none font-semibold tracking-tight", className),
    children
  });
}
__name(CardTitle, "CardTitle");
CardTitle.displayName = "CardTitle";
function CardDescription({
  className,
  children,
  ref
}) {
  return /* @__PURE__ */jsx("p", {
    ref,
    className: cn("text-muted-foreground text-sm", className),
    children
  });
}
__name(CardDescription, "CardDescription");
CardDescription.displayName = "CardDescription";
function CardContent({
  className,
  children,
  ref
}) {
  return /* @__PURE__ */jsx("div", {
    ref,
    className: cn("p-3 pt-0", className),
    children
  });
}
__name(CardContent, "CardContent");
CardContent.displayName = "CardContent";
function CardFooter({
  className,
  children,
  ref
}) {
  return /* @__PURE__ */jsx("div", {
    ref,
    className: cn("flex items-center p-6 pt-0", className),
    children
  });
}
__name(CardFooter, "CardFooter");
CardFooter.displayName = "CardFooter";

export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
