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

import { FormItem } from 'dbaas/screens/NextGen/shared/form-item'

export const TidbDisplayName = ({ name = 'name' }: { name?: string }) => {
  return (
    <FormItem label="Name" description="Set the name of your new instance.">
      <FormTextInput name={name} autoFocus placeholder="Enter instance name" />
    </FormItem>
  )
}