import { createReactStore } from "@jlnstack/store/react"

const BearStore = createReactStore({
  name: "BearStore",
  state: (initialBears: number) => ({
    bears: initialBears,
    fish: 10,
  }),
  actions: (set) => ({
    increasePopulation: (by: number) =>
      set((state) => ({ ...state, bears: state.bears + by })),
    eatFish: () =>
      set((state) => ({ ...state, fish: state.fish - 1 })),
  }),
})

export const { Provider, useStore, useActions } = BearStore