import { atom } from 'recoil'

export const settingModalFirstOptionsState = atom({
  key: 'settingModalFirstOptions',
  default: {
    option1: [
      { id: 1, column: 'assignDisplay', name: 'modal.canvas.setting.first.option.alloc', selected: false },
      { id: 2, column: 'drawDisplay', name: 'modal.canvas.setting.first.option.outline', selected: false },
      { id: 3, column: 'charDisplay', name: 'modal.canvas.setting.first.option.roof.line', selected: false },
      { id: 4, column: 'flowDisplay', name: 'modal.canvas.setting.first.option.grid', selected: false },
      { id: 5, column: 'hallwayDimenDisplay', name: 'modal.canvas.setting.first.option.circuit.num', selected: false },
      { id: 6, column: 'actualDimenDisplay', name: 'modal.canvas.setting.first.option.word', selected: false },
      { id: 7, column: 'noDimenDisplay', name: 'modal.canvas.setting.first.option.trestle', selected: false },
      { id: 8, column: 'trestleDisplay', name: 'modal.canvas.setting.first.option.flow', selected: false },
      { id: 9, column: 'coordiDisplay', name: 'modal.canvas.setting.first.option.total', selected: false },
      {
        id: 10,
        column: 'drawConverDisplay',
        name: 'modal.canvas.setting.first.option.corridor.dimension',
        selected: false,
      },
    ],
    dimensionDisplay: [
      {
        id: 1,
        column: 'corridorDimension',
        name: 'modal.canvas.setting.first.option.corridor.dimension',
        selected: false,
      },
      { id: 2, column: 'realDimension', name: 'modal.canvas.setting.first.option.real.dimension', selected: false },
      { id: 3, column: 'noneDimension', name: 'modal.canvas.setting.first.option.none.dimension', selected: false },
    ],
    option2: [
      { id: 1, column: 'onlyBorder', name: 'modal.canvas.setting.first.option.border', selected: false },
      { id: 2, column: 'lineHatch', name: 'modal.canvas.setting.first.option.line', selected: false },
      { id: 3, column: 'allPainted', name: 'modal.canvas.setting.first.option.all', selected: false },
    ],
  },
  dangerouslyAllowMutability: true,
})

export const settingModalSecondOptionsState = atom({
  key: 'settingModalSecondOptions',
  default: {
    option3: [
      { id: 1, name: 'modal.canvas.setting.font.plan.edit.word' },
      { id: 2, name: 'modal.canvas.setting.font.plan.edit.flow' },
      { id: 3, name: 'modal.canvas.setting.font.plan.edit.dimension' },
      { id: 4, name: 'modal.canvas.setting.font.plan.edit.circuit.num' },
    ],
    option4: [
      { id: 1, column: 'adsorpRangeSmall', name: 'modal.canvas.setting.font.plan.absorption.small', selected: true },
      {
        id: 2,
        column: 'adsorpRangeSmallSemi',
        name: 'modal.canvas.setting.font.plan.absorption.small.semi',
        selected: false,
      },
      { id: 3, column: 'adsorpRangeMedium', name: 'modal.canvas.setting.font.plan.absorption.medium', selected: false },
      { id: 4, column: 'adsorpRangeLarge', name: 'modal.canvas.setting.font.plan.absorption.large', selected: false },
    ],
  },
  dangerouslyAllowMutability: true,
})

export const settingModalGridOptionsState = atom({
  key: 'settingModalGridOptions',
  default: [
    { id: 1, name: 'modal.canvas.setting.grid.optional.line', selected: false },
    { id: 2, name: 'modal.canvas.setting.grid.dot.line', selected: false },
    { id: 3, name: 'modal.canvas.setting.grid.absorption.add', selected: false },
    { id: 4, name: 'modal.canvas.setting.grid.color.setting', selected: false },
  ],
  dangerouslyAllowMutability: true,
})