---
import { cn } from "@/utils/cn";
import type { HTMLAttributes } from "astro/types";
export interface Props extends HTMLAttributes<"div"> {}
const { class: className, ...props } = Astro.props;
const classes = cn(
"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 p-6",
"has-[data-slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
"[&>[data-slot=card-action]]:self-center",
"[[data-size=sm]_&]:p-4",
className,
);
---
<div class={classes} data-slot="card-header" {...props}>
<slot />
</div>