import type { BunextPageModuleMeta } from "@moduletrace/bunext/types";
import AdminHero from "@/src/components/general/admin-hero";
import { SiteData } from "@/src/data/site-data";
import Divider from "@/src/components/twui/layout/Divider";
import Stack from "@/src/components/twui/layout/Stack";
import SettingsFormSection from "./(sections)/settings-form-section";

export default function AdminSettingsPage() {
    return (
        <>
            <AdminHero
                title="Settings"
                description="Manage your account details"
            />
            <Divider className="mb-6" />
            <Stack className="w-full px-6 pb-8 gap-5 items-stretch">
                <SettingsFormSection />
            </Stack>
        </>
    );
}

export const meta: BunextPageModuleMeta = {
    title: `Admin Settings | ${SiteData["SiteName"]}`,
    description: `WgUI settings.`,
};