page-header.tsx•665 B
import { cn } from "@repo/ui/lib/utils"
import type { ReactNode } from "react"
interface PageHeaderProps {
title: string
description?: string
actions?: ReactNode
className?: string
}
export function PageHeader({ title, description, actions, className }: PageHeaderProps) {
return (
<div className={cn("flex flex-col md:flex-row md:items-center md:justify-between gap-4 mb-6", 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>
)
}