"use client"

import { Settings } from "lucide-react"

import { FormPageHeader } from "@/app/dashboard/_components/form"
import { DeepdexSettingsForm } from "@/components/deepdex/components/deepdex-settings-form"

export function DeepdexSettingsPage() {
  return (
    <div className="flex flex-col">
      <FormPageHeader
        backHref="/dashboard/deepdex/view-all"
        parentLabel="Deepdex"
        currentLabel="Settings"
        titleIcon={<Settings className="size-4 text-primary" />}
        title="Deepdex settings"
        description="Deepdex document links, search color coding, and tier thresholds."
      />
      <DeepdexSettingsForm />
    </div>
  )
}