import { logout } from '@/app/(protected)/_actions';

interface AdminHeaderProps {
  onOpenSidebar: () => void;
  onToggleSidebarCollapse: () => void;
}

export function AdminHeader({
  onOpenSidebar,
  onToggleSidebarCollapse,
}: AdminHeaderProps) {
  return (
    <header className="flex items-center justify-between border-b border-foreground/15 bg-background px-6 py-4">
      <div className="flex items-center gap-3">
        {/* 모바일 전용 — 사이드바를 오버레이로 연다 */}
        <button
          type="button"
          aria-label="사이드바 열기"
          onClick={onOpenSidebar}
          className="border border-foreground/25 px-2 py-1 text-sm text-foreground md:hidden"
        >
          메뉴
        </button>
        {/* 데스크톱 전용 — 사이드바를 접거나 펼친다 */}
        <button
          type="button"
          aria-label="사이드바 접기/펼치기"
          onClick={onToggleSidebarCollapse}
          className="hidden border border-foreground/25 px-2 py-1 text-sm text-foreground md:inline-flex"
        >
          메뉴
        </button>
        <span className="text-base font-semibold text-foreground">
          에듀페이 관리자
        </span>
      </div>
      <form action={logout}>
        <button
          type="submit"
          className="border border-foreground/25 px-3 py-1.5 text-sm text-foreground"
        >
          로그아웃
        </button>
      </form>
    </header>
  );
}