33 lines
703 B
TypeScript
33 lines
703 B
TypeScript
|
import { cn } from '@/lib/utils'
|
||
|
|
|
||
|
|
interface PageHeaderProps {
|
||
|
|
title: string
|
||
|
|
description?: string
|
||
|
|
children?: React.ReactNode
|
||
|
|
className?: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export function PageHeader({
|
||
|
|
title,
|
||
|
|
description,
|
||
|
|
children,
|
||
|
|
className,
|
||
|
|
}: PageHeaderProps) {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className={cn(
|
||
|
|
'flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between',
|
||
|
|
className
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
<div>
|
||
|
|
<h1 className="text-2xl font-semibold tracking-tight">{title}</h1>
|
||
|
|
{description && (
|
||
|
|
<p className="text-muted-foreground">{description}</p>
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
{children && <div className="flex items-center gap-2">{children}</div>}
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|