import { atom, selectorFamily } from 'recoil'

export const defaultSlope = [
  { name: '0', value: 0, angleValue: 0 },
  { name: '1', value: 1, angleValue: 5.71 },
  { name: '2', value: 2, angleValue: 11.31 },
  { name: '3', value: 3, angleValue: 16.7 },
  { name: '4', value: 4, angleValue: 21.8 },
  { name: '5', value: 5, angleValue: 26.57 },
  { name: '6', value: 6, angleValue: 30.96 },
  { name: '7', value: 7, angleValue: 34.99 },
  { name: '8', value: 8, angleValue: 38.66 },
  { name: '9', value: 9, angleValue: 41.99 },
  { name: '10', value: 10, angleValue: 45.0 },
]

export const dimmedStore = atom({
  key: 'dimmedState',
  default: false,
})

export const sessionStore = atom({
  key: 'sessionState',
  default: {},
})

export const slopeSelector = selectorFamily({
  key: 'slopeSelector',
  get:
    (degree) =>
    ({ get }) => {
      return defaultSlope[degree]
    },
})