import { Breadcrumbs } from '@/components/breadcrumbs';
import { SidebarTrigger } from '@/components/ui/sidebar';
import type { BreadcrumbItem as BreadcrumbItemType } from '@/types';

export function AppSidebarHeader({
    breadcrumbs = [],
    isAdmin = false,
}: {
    breadcrumbs?: BreadcrumbItemType[];
    isAdmin?: boolean;
}) {
    return (
        <header
            className={`flex h-16 shrink-0 items-center gap-2 border-b px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4 ${
                isAdmin
                    ? 'border-navy/10 bg-white text-navy dark:border-white/10 dark:bg-[#12304a] dark:text-white'
                    : 'border-sidebar-border/50'
            }`}
        >
            <div className="flex items-center gap-2">
                <SidebarTrigger className="-ml-1" />
                <Breadcrumbs breadcrumbs={breadcrumbs} />
            </div>
        </header>
    );
}