import Link from "next/link"; import clsx from "clsx"; function ChevronRightIcon(props) { return ( ); } export function Card({ as: Component = "div", className, children }) { return ( {children} ); } Card.Link = function CardLink({ children, ...props }) { return ( <>
{children} ); }; Card.Title = function CardTitle({ as: Component = "h2", href, children }) { return ( {href ? {children} : children} ); }; Card.Description = function CardDescription({ children }) { return

{children}

; }; Card.Cta = function CardCta({ children }) { return ( ); }; Card.Eyebrow = function CardEyebrow({ as: Component = "p", decorate = false, className, children, ...props }) { return ( {decorate && ( ); };