import { defineStore } from 'pinia'
import { ref } from 'vue'
import { TableSizeEnum } from '@/enums/formEnum'
const useTableStore = defineStore(
  'tableStore',
  () => {
    const tableSize = ref(TableSizeEnum.DEFAULT)
    const isZebra = ref(false)
    const isBorder = ref(false)
    const isHeaderBackground = ref(false)
    const isFullScreen = ref(false)
    const setTableSize = (size) => (tableSize.value = size)
    const setIsZebra = (value) => (isZebra.value = value)
    const setIsBorder = (value) => (isBorder.value = value)
    const setIsHeaderBackground = (value) => (isHeaderBackground.value = value)
    const setIsFullScreen = (value) => (isFullScreen.value = value)
    return {
      tableSize,
      isZebra,
      isBorder,
      isHeaderBackground,
      setTableSize,
      setIsZebra,
      setIsBorder,
      setIsHeaderBackground,
      isFullScreen,
      setIsFullScreen
    }
  },
  {
    persist: {
      key: 'table',
      storage: localStorage
    }
  }
)
export { useTableStore }