37 lines
920 B
TypeScript
37 lines
920 B
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
import { Icons } from "../shared/icons";
|
|
|
|
interface DocsPageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
heading: string;
|
|
text?: string;
|
|
}
|
|
|
|
export function DocsPageHeader({
|
|
heading,
|
|
text,
|
|
className,
|
|
...props
|
|
}: DocsPageHeaderProps) {
|
|
return (
|
|
<>
|
|
<div className="mb-4 flex items-center space-x-1 text-sm text-muted-foreground">
|
|
<div className="truncate">Docs</div>
|
|
<Icons.chevronRight className="size-4" />
|
|
<div className="font-medium text-blue-600 dark:text-blue-400">
|
|
{heading}
|
|
</div>
|
|
</div>
|
|
|
|
<div className={cn("space-y-2", className)} {...props}>
|
|
<h1 className="inline-block scroll-m-20 font-heading text-4xl">
|
|
{heading}
|
|
</h1>
|
|
{text && (
|
|
<p className="text-balance text-lg text-muted-foreground">{text}</p>
|
|
)}
|
|
</div>
|
|
</>
|
|
);
|
|
}
|