import { Modal } from '@tidbcloud/uikit'

import { PremiumCreateAzurePrivateEndpointForm } from './CreateAzurePrivateEndpointForm'

interface CreatePremiumAzurePrivateEndpointModalProps {
  tidbId: string
  regionId: string
  opened: boolean
  onClose: () => void
  onFinish?: () => void
}

export const CreatePremiumAzurePrivateEndpointModal = ({
  tidbId,
  regionId,
  opened,
  onClose,
  onFinish
}: CreatePremiumAzurePrivateEndpointModalProps) => {
  return (
    <Modal
      title="Create Azure Private Endpoint Connection"
      size={730}
      centered
      closeOnClickOutside={false}
      opened={opened}
      onClose={onClose}
      styles={{ body: { padding: 0 } }}
    >
      <PremiumCreateAzurePrivateEndpointForm
        tidbId={tidbId}
        regionId={regionId}
        onCancel={onClose}
        onFinish={() => {
          onFinish?.()
          onClose()
        }}
      />
    </Modal>
  )
}