EvoBGP/apps/web/src/routes/_auth/modules/new.tsx

import { createFileRoute, Link } from '@tanstack/react-router'
import { Card, CardContent } from '@evobgp/ui/components/card'
import { Button } from '@evobgp/ui/components/button'
import { PageHeader } from '@/components/page-header'

export const Route = createFileRoute('/_auth/modules/new')({
  component: NewModuleComponent,
})

function NewModuleComponent() {
  return (
    <div className="mx-auto flex max-w-3xl flex-col gap-6">
      <PageHeader
        title="Новый модуль"
        description="Создание модуля — через API или будущая форма"
      />
      <Card>
        <CardContent className="flex flex-col gap-3 py-6 text-sm text-muted-foreground">
          <p>
            Форма создания модуля будет добавлена позже. Сейчас модули можно создать через API:
          </p>
          <pre className="overflow-x-auto rounded-md border bg-muted/40 p-3 font-mono text-xs">
{`POST /v1/modules
{ "type": "DOMAINS", "name": "Мой список" }`}
          </pre>
          <Button variant="outline" size="sm" className="self-start" render={<Link to="/modules" />}>
            Назад к списку
          </Button>
        </CardContent>
      </Card>
    </div>
  )
}