taxonomy/components/header.tsx
2023-04-25 20:15:09 +04:00

21 lines
492 B
TypeScript

interface DashboardHeaderProps {
heading: string
text?: string
children?: React.ReactNode
}
export function DashboardHeader({
heading,
text,
children,
}: DashboardHeaderProps) {
return (
<div className="flex items-center justify-between px-2">
<div className="grid gap-1">
<h1 className="font-heading text-3xl md:text-4xl">{heading}</h1>
{text && <p className="text-lg text-muted-foreground">{text}</p>}
</div>
{children}
</div>
)
}