20 lines
498 B
TypeScript
20 lines
498 B
TypeScript
|
export function PageHeader({
|
||
|
|
title,
|
||
|
|
description,
|
||
|
|
action,
|
||
|
|
}: {
|
||
|
|
title: string;
|
||
|
|
description?: string;
|
||
|
|
action?: React.ReactNode;
|
||
|
|
}) {
|
||
|
|
return (
|
||
|
|
<div className="mb-8 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||
|
|
<div className="space-y-1.5">
|
||
|
|
<h1 className="font-display text-3xl font-extrabold tracking-tight">{title}</h1>
|
||
|
|
{description && <p className="text-muted-foreground">{description}</p>}
|
||
|
|
</div>
|
||
|
|
{action}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|