import { Stack } from '@tidbcloud/uikit'

import HeadLabel from 'dbaas/screens/ClustersV2/new/components/HeadLabel'
import { DescribeSchemaTableResp } from 'dbaas/services/api-clients/legacy/serverless/interface'

import { FormStartPositionEssential } from './FormStartPosition'

export const FormMySQLReplicationEssential = ({ schemaTableData }: { schemaTableData?: DescribeSchemaTableResp }) => {
  return (
    <Stack p={24}>
      <HeadLabel label="Start Position" />
      <FormStartPositionEssential schemaTableData={schemaTableData} />
    </Stack>
  )
}