import clsx from 'clsx'
import {
type ComponentProps,
type ElementType,
type PropsWithChildren,
} from 'react'
import HybridLink, { type Props as HybridLinkProps } from './HybridLink'
import { IconProps } from './icons'
function ChevronRightIcon(props: IconProps) {
return (
)
}
export function CardLink({ children, ...props }: HybridLinkProps) {
return (
<>
{children}
)
}
export function CardTitle({
as: Component = 'h2',
href,
children,
}: PropsWithChildren<{
href: string
as?: ElementType
}>) {
return (
{href ? {children} : children}
)
}
export function CardDescription({ children }: PropsWithChildren) {
return (
{children}
)
}
export function CardTags({ children }: PropsWithChildren) {
return {children}
}
export function CardCta({ children }: PropsWithChildren) {
return (
{children}
)
}
export function CardEyebrow({
as: Component = 'p',
decorate = false,
children,
...props
}: ComponentProps & {
as: C
decorate?: boolean
}) {
return (
{decorate && (
)}
{children}
)
}
export default function Card({
as: Component = 'div',
className,
children,
id,
}: PropsWithChildren<{ id?: string; className?: string; as?: ElementType }>) {
return (
{children}
)
}