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