// Adapted from shadcn/ui (MIT). See THIRD_PARTY_NOTICES.md.
import type { ComponentProps } from "react";
export function Card({ className = "", ...props }: ComponentProps<"div">) {
  return <div className={`ynr-card ${className}`} {...props} />;
}
export function CardHeader({
  className = "",
  ...props
}: ComponentProps<"div">) {
  return <div className={`ynr-card-header ${className}`} {...props} />;
}
export function CardTitle({ className = "", ...props }: ComponentProps<"h3">) {
  return <h3 className={`ynr-card-title ${className}`} {...props} />;
}
export function CardDescription({
  className = "",
  ...props
}: ComponentProps<"p">) {
  return <p className={`ynr-card-description ${className}`} {...props} />;
}
export function CardContent({
  className = "",
  ...props
}: ComponentProps<"div">) {
  return <div className={`ynr-card-content ${className}`} {...props} />;
}
export function CardFooter({
  className = "",
  ...props
}: ComponentProps<"div">) {
  return <div className={`ynr-card-footer ${className}`} {...props} />;
}