export default function Heading({
    title,
    description,
    variant = "default",
}: {
    title: string;
    description?: string;
    variant?: "default" | "small";
}) {
    return (
        <header className={variant === "small" ? "" : "mb-6 space-y-1"}>
            <h2
                className={
                    variant === "small"
                        ? "text-sm font-bold text-foreground"
                        : "text-xl font-bold tracking-tight text-foreground"
                }
            >
                {title}
            </h2>
            {description && (
                <p className="text-sm leading-6 text-muted-foreground">
                    {description}
                </p>
            )}
        </header>
    );
}