"use client";

import type { ReactNode } from "react";

import { ConfigSubNav } from "@/modules/config/config-subnav";

export function ConfigWorkspaceShell({ children }: { children: ReactNode }) {
  return (
    <div className="mx-auto flex w-full max-w-[1680px] flex-col gap-5 px-4 py-5 sm:px-6 lg:px-8 lg:py-6">
      <div className="sticky top-14 z-20 -mx-1 bg-background/95 px-1 pb-1 backdrop-blur supports-[backdrop-filter]:bg-background/80">
        <ConfigSubNav />
      </div>
      <div className="min-w-0 space-y-5">{children}</div>
    </div>
  );
}
