import { PageHeader } from "@/components/ui/page-header";
import { SettingsNav } from "@/components/dashboard/settings/settings-nav";

export const dynamic = "force-dynamic";

export const metadata = { title: "Settings · Fetcha" };

export default function SettingsLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="grid gap-6">
      <PageHeader title="Settings" description="Your profile, organization, security and compliance records." className="mb-0" />
      <SettingsNav />
      <div className="animate-fade-in">{children}</div>
    </div>
  );
}