"use client"

import * as React from "react"

import { BankApiNomuraBulkTxtToXmlForm } from "@/components/xml-apis/bank-api/quick-action/bank-api-nomura-bulk-txt-to-xml-form"
import { BankApiTxtToXmlForm } from "@/components/xml-apis/bank-api/quick-action/bank-api-txt-to-xml-form"
import type { BankApiQuickActionTxtToXmlDefinition } from "@/components/xml-apis/bank-api/data/bank-api-quick-actions"

type NomuraTxtToXmlView = "bulk" | "single"

type BankApiNomuraTxtToXmlWorkspaceProps = {
  bankId: string
  bankName: string
  action: BankApiQuickActionTxtToXmlDefinition
}

export function BankApiNomuraTxtToXmlWorkspace({
  bankId,
  bankName,
  action,
}: BankApiNomuraTxtToXmlWorkspaceProps) {
  const [view, setView] = React.useState<NomuraTxtToXmlView>("bulk")

  if (view === "single") {
    return (
      <BankApiTxtToXmlForm
        bankId={bankId}
        bankName={bankName}
        action={action}
        onShowBulkView={() => setView("bulk")}
      />
    )
  }

  return (
    <BankApiNomuraBulkTxtToXmlForm
      bankId={bankId}
      bankName={bankName}
      onShowSingleView={() => setView("single")}
    />
  )
}