/**
 * @todo - mostly is able to be ui state of sku
 */
const makeSelectState = name => {
  const state = {
    // value will maybe be used by onClick
    name,
    value: name,

    list: [],
    get className() {
      return state.list.join(' ')
    },
  }
  // @todo handle uniq
  state.select = () => {
    state.isSelected = true
    state.list.push('selected')
  }
  state.disable = () => {
    state.isDisabled = true
    state.list.push('disable')
  }
  return state
}

export { makeSelectState as makeMultiState }
export { makeSelectState }
export default makeSelectState