import { visualizeWhitespace } from 'utils/string'

import CodeValue from '../CodeValue'

const ConfigName = ({ value }: { value?: string | null }) => {
  if (value == null) {
    return <>-</>
  }

  return <CodeValue value={visualizeWhitespace(value)} />
}

export default ConfigName