"use client";

import { DesktopHeader } from "./desktop/DesktopHeader";
import { MobileHeader } from "./mobile/MobileHeader";

export function Header() {
  return (
    <>
      {/* Desktop Header - hidden on mobile/tablet */}
      <div className="hidden lg:block">
        <DesktopHeader />
      </div>

      {/* Mobile Header - shown on mobile and tablet */}
      <div className="block w-full max-w-full min-w-0 overflow-x-clip lg:hidden">
        <MobileHeader />
      </div>
    </>
  );
}
