taxonomy/components/header.tsx
2023-04-24 15:10:49 +04:00

23 lines
522 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 font-bold md:text-4xl">
{heading}
</h1>
{text && <p className="text-lg text-muted-foreground">{text}</p>}
</div>
{children}
</div>
)
}