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

import { FormItem } from './FormItem'

type CluterNameProps = {
  disabled?: boolean
}

export const ClusterName = ({ disabled }: CluterNameProps) => {
  return (
    <FormItem label="Cluster Name" description="Set the name of your new cluster">
      <FormTextInput name="name" disabled={disabled} />
    </FormItem>
  )
}