import type { ApiSection } from './types'

export type GridNavigationApi = {
    enable: () => void
    disable: () => void
}
export const createNavigationApi: ApiSection<GridNavigationApi> = (store) => ({
    enable: () => {
        const enabled = store.selectors.selectNavigationEnabled(
            store.getState()
        )
        if (!enabled) {
            store.dispatch({
                type: 'updateNavigationState',
                payload: { enabled: true },
            })
        }
    },
    disable: () => {
        const enabled = store.selectors.selectNavigationEnabled(
            store.getState()
        )
        if (enabled) {
            store.dispatch({
                type: 'updateNavigationState',
                payload: { enabled: false },
            })
        }
    },
})