27 lines
805 B
TypeScript
27 lines
805 B
TypeScript
import { ArrowLeft } from 'lucide-react';
|
|
import { PropsWithChildren, ReactNode } from 'react';
|
|
import { Button } from './ui/button';
|
|
|
|
interface IPageHeaderProps extends PropsWithChildren {
|
|
back(): void;
|
|
title: ReactNode;
|
|
}
|
|
|
|
export function PageHeader({ back, title, children }: IPageHeaderProps) {
|
|
return (
|
|
<header className="flex justify-between items-center border-b pr-9">
|
|
<div className="flex items-center ">
|
|
<div className="flex items-center border-r p-1.5">
|
|
<Button variant="ghost" size="icon" onClick={back}>
|
|
<ArrowLeft className="w-5 h-5" />
|
|
</Button>
|
|
</div>
|
|
<div className="p-4">
|
|
<h1 className="text-2xl font-semibold tracking-tight">{title}</h1>
|
|
</div>
|
|
</div>
|
|
{children}
|
|
</header>
|
|
);
|
|
}
|