import { useTranslation } from 'next-i18next'
import Settings from './settings'

const CutLayout = props => {
  const { t } = useTranslation(['workbench'])

  let name = props.design.designConfig.data.name
  name = name.replace('@freesewing/', '')
  return (
    <div>
      <h2 className="capitalize">
        {
          t('layoutThing', { thing: name })
          + ': '
          + t('forCutting')
        }
      </h2>
      <Settings {...props} />
    </div>
  )
}

export default CutLayout