import { jsx } from "react/jsx-runtime";
import * as React from "react";
import { c as cn } from "../../cn-FAaWYZ6x.js";
const Card = React.forwardRef(
  ({ className, href, ...props }, ref) => {
    const baseStyles = "bg-card border rounded-xl overflow-hidden";
    if (href) {
      return /* @__PURE__ */ jsx(
        "a",
        {
          ref,
          href,
          className: cn(
            baseStyles,
            "cursor-pointer transition-colors hover:border-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2",
            className
          ),
          ...props
        }
      );
    }
    return /* @__PURE__ */ jsx(
      "div",
      {
        ref,
        className: cn(baseStyles, className),
        ...props
      }
    );
  }
);
Card.displayName = "Card";
const CardContent = React.forwardRef(
  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
    "div",
    {
      ref,
      className: cn("px-4 py-3 md:px-5 md:py-4", className),
      ...props
    }
  )
);
CardContent.displayName = "CardContent";
const CardFooter = React.forwardRef(
  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
    "div",
    {
      ref,
      className: cn(
        "flex items-center gap-2 px-4 md:px-5 pb-4 md:pb-5",
        className
      ),
      ...props
    }
  )
);
CardFooter.displayName = "CardFooter";
const CardEyebrow = React.forwardRef(
  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
    "div",
    {
      ref,
      className: cn("text-base text-secondary mb-2", className),
      ...props
    }
  )
);
CardEyebrow.displayName = "CardEyebrow";
const CardBigNumber = React.forwardRef(
  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-2xl font-bold", className), ...props })
);
CardBigNumber.displayName = "CardBigNumber";
const CardDetail = React.forwardRef(
  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
    "div",
    {
      ref,
      className: cn("text-sm text-secondary mt-1", className),
      ...props
    }
  )
);
CardDetail.displayName = "CardDetail";
export {
  Card,
  CardBigNumber,
  CardContent,
  CardDetail,
  CardEyebrow,
  CardFooter
};
