admin-page-header.tsx•675 B
import { cn } from "@repo/ui/lib/utils"
import type { ReactNode } from "react"
interface AdminPageHeaderProps {
title: string
description?: string
actions?: ReactNode
className?: string
}
export function AdminPageHeader({ title, description, actions, className }: AdminPageHeaderProps) {
return (
<div className={cn("flex flex-col md:flex-row md:items-center md:justify-between gap-4", className)}>
<div>
<h1 className="text-2xl font-bold tracking-tight">{title}</h1>
{description && <p className="text-muted-foreground">{description}</p>}
</div>
{actions && <div className="flex-shrink-0">{actions}</div>}
</div>
)
}