import { PrimaryPageTemplate } from "@/components/templates/primary-page-template"
import { SettingsClient } from "@/components/settings-client"
import { useProductDashboardHref } from "@/contexts/product-route-sync"

export default function SettingsPage() {
  const dashboardHref = useProductDashboardHref()

  return (
    <PrimaryPageTemplate
      maxWidthClassName="max-w-3xl"
      contentClassName="px-8 pt-10 pb-32"
      siteHeader={{
        breadcrumbs: [{ label: "Dashboard", href: dashboardHref }],
        title: "Settings",
      }}
    >
      <SettingsClient />
    </PrimaryPageTemplate>
  )
}
