import type { Metadata } from "next";

import { OnThisPage } from "@/components/design-system/on-this-page";
import { PageHeader } from "@/components/design-system/page-header";
import { BankConnectionsSection, MpesaKeysSection } from "@/components/design-system/sections/setup-more-demo";
import { AdminMoreSection } from "@/components/design-system/sections/layout-patterns/admin-more-demo";
import { SettingsOpsSection } from "@/components/design-system/sections/layout-patterns/settings-ops-demo";
import { SetupListsSection } from "@/components/design-system/sections/layout-patterns/setup-lists-demo";
import { SalesTargetsSection } from "@/components/design-system/sections/more-charts-demo";

export const metadata: Metadata = { title: "Settings and integrations | Medora Design System" };

export default function SettingsPage() {
  return (
    <>
      <PageHeader title="Settings and integrations" description="Pharmacy settings, promotions, alerts and message templates; branches and places; and how data leaves the system: M-Pesa, eTIMS, the online shop, marketing consent and B2B documents." />
      <OnThisPage />
      <SettingsOpsSection />
      <SalesTargetsSection />
      <SetupListsSection />
      <MpesaKeysSection />
      <BankConnectionsSection />
      <AdminMoreSection />
    </>
  );
}