import { PropertyCard } from '@tidbcloud/uikit/biz'

import { DataflowConnector } from 'dbaas/services/dataflow/interface'

import { DataFormatProperties } from './DataFormatProperties'
import { StartPositionProperty } from './StartPositionDisplay'
import { TableConfigProperties } from './TableFilterProperties'

interface GCSPropertiesProps {
  data: DataflowConnector
}

export const GCSProperties = ({ data }: GCSPropertiesProps) => {
  return (
    <>
      <PropertyCard.Divider />

      <PropertyCard.Item label="GCS URI">{data.request?.gcs_info?.endpoint?.gcsUri || '-'}</PropertyCard.Item>

      <PropertyCard.Divider />

      <TableConfigProperties data={data.request?.gcs_info?.table_config} />
      <StartPositionProperty data={data.request?.gcs_info?.start_position} />
      <DataFormatProperties data={data.request?.gcs_info?.data_format} />
    </>
  )
}