15 lines
684 B
TypeScript
15 lines
684 B
TypeScript
|
import { Separator } from "@repo/shadcn-ui/components/separator";
|
||
|
|
import { SidebarTrigger } from "@repo/shadcn-ui/components/sidebar";
|
||
|
|
|
||
|
|
export const SiteHeader = ({ title }: { title: string }) => {
|
||
|
|
return (
|
||
|
|
<header className='group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 flex h-12 shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear'>
|
||
|
|
<div className='flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6'>
|
||
|
|
<SidebarTrigger className='-ml-1' />
|
||
|
|
<Separator orientation='vertical' className='mx-2 data-[orientation=vertical]:h-4' />
|
||
|
|
<h1 className='text-base font-medium'>{title}</h1>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
);
|
||
|
|
};
|