21 lines
639 B
TypeScript
21 lines
639 B
TypeScript
import type React from "react"
|
|
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 mb-8">
|
|
<div className="grid gap-1">
|
|
<h1 className="font-heading text-3xl md:text-4xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-gray-900 via-purple-900 to-pink-700">
|
|
{heading}
|
|
</h1>
|
|
{text && <p className="text-lg text-muted-foreground">{text}</p>}
|
|
</div>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|