import { Modal } from '@tidbcloud/uikit'

import { PremiumCreateAwsPrivateEndpointForm } from '../shared/private-endpoint-aws/CreateAwsPrivateEndpointForm'

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

export const CreatePremiumAwsPrivateEndpointModal = ({
  tidbId,
  regionId,
  opened,
  onClose,
  onFinish
}: CreatePremiumAwsPrivateEndpointModalProps) => {
  return (
    <Modal
      title="Create AWS Private Endpoint Connection"
      size={720}
      centered
      closeOnClickOutside={false}
      opened={opened}
      onClose={onClose}
      styles={{ body: { padding: 0 } }}
    >
      <PremiumCreateAwsPrivateEndpointForm
        tidbId={tidbId}
        regionId={regionId}
        onCancel={onClose}
        onFinish={() => {
          onFinish?.()
          onClose()
        }}
      />
    </Modal>
  )
}