import ModeToggle from "./ModeToggle";
import NsfwModeToggle from "./NsfwModeToggle";
import TopNav from "./TopNav";

export default function Header() {

  return (
    <div className="w-full">
      <div className="flex w-full items-center gap-4 px-4 md:px-8 py-2">
        <div className="flex-1 min-w-0">
          <TopNav />
        </div>
        <div className="flex items-center gap-2 shrink-0">
          <NsfwModeToggle />
          <ModeToggle />
        </div>
      </div>
    </div>
  );
}