"use client"

import { notFound } from "next/navigation"

import { DeliveryServerCreateForm } from "@/components/settings/delivery-servers/create/delivery-server-create-form"
import {
  isDeliveryServerType,
  resolveDeliveryServerType,
} from "@/components/settings/delivery-servers/data/delivery-server-types"
import type { DeliveryServerType } from "@/components/settings/delivery-servers/types"

type CreateDeliveryServerPageProps = {
  serverType: string
}

export function CreateDeliveryServerPage({ serverType }: CreateDeliveryServerPageProps) {
  const resolved = resolveDeliveryServerType(serverType)

  if (!resolved || !isDeliveryServerType(resolved)) {
    notFound()
  }

  return <DeliveryServerCreateForm serverType={resolved as DeliveryServerType} />
}