"use client";

import Image from "next/image";
import { ProfileDropdown } from "./profile-dropdown";

export function OwnerShell({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex h-dvh flex-col overflow-hidden bg-neutral-20">
      <header className="flex h-[74px] shrink-0 items-center justify-between border-b border-neutral-40 bg-neutral-10 px-5">
        <div className="flex items-center gap-1">
          <Image
            src="/images/logo-icon.png"
            alt="Logo Induk Kupie Aceh"
            width={27}
            height={27}
            className="size-[27px] object-cover"
            priority
          />
          <span className="font-brand text-[16px] font-bold text-neutral-100">
            INDUK KUPIE ACEH
          </span>
        </div>

        <ProfileDropdown />
      </header>

      <main className="flex min-h-0 w-full min-w-0 flex-1 flex-col gap-5 overflow-x-hidden overflow-y-auto px-5 py-5">
        {children}
      </main>
    </div>
  );
}