eolas-app/src/components/AppHeader.tsx

import { SidebarTrigger } from "./ui/sidebar"
import { Separator } from "./ui/separator"
import Search from "@/containers/Search"

export default function AppHeader({ pageTitle }: { pageTitle: string }) {
   return (
      <header className="sticky top-0 z-10 flex h-12 shrink-0 items-center gap-2 border-b bg-background 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" />
            <Search />
         </div>
      </header>
   )
}