import type React from "react"
interface DashboardHeaderProps {
  heading: React.ReactNode
  text?: React.ReactNode
  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 && <div className="text-lg text-muted-foreground">{text}</div>}
      </div>
      {children}
    </div>
  )
}