23 أسطر
718 B
TypeScript
23 أسطر
718 B
TypeScript
import type { ReactNode } from "react";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
|
|
type PageHeaderProps = {
|
|
title: string;
|
|
subtitle: string;
|
|
actions?: ReactNode;
|
|
className?: string;
|
|
};
|
|
|
|
export function PageHeader({ title, subtitle, actions, className }: PageHeaderProps) {
|
|
return (
|
|
<header className={cn("page-enter flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", className)}>
|
|
<div>
|
|
<h1 className="font-heading text-2xl font-bold tracking-tight text-foreground sm:text-3xl">{title}</h1>
|
|
<p className="mt-1 text-sm text-muted-foreground">{subtitle}</p>
|
|
</div>
|
|
{actions ? <div className="flex items-center gap-2">{actions}</div> : null}
|
|
</header>
|
|
);
|
|
}
|