import React from 'react' import * as persisted from '#/state/persisted' type StateContext = boolean type SetContext = (v: boolean) => void const stateContext = React.createContext( Boolean(persisted.defaults.disableAutoplay), ) const setContext = React.createContext((_: boolean) => {}) export function Provider({children}: {children: React.ReactNode}) { const [state, setState] = React.useState( Boolean(persisted.get('disableAutoplay')), ) const setStateWrapped = React.useCallback( (autoplayDisabled: persisted.Schema['disableAutoplay']) => { setState(Boolean(autoplayDisabled)) persisted.write('disableAutoplay', autoplayDisabled) }, [setState], ) React.useEffect(() => { return persisted.onUpdate(() => { setState(Boolean(persisted.get('disableAutoplay'))) }) }, [setStateWrapped]) return ( {children} ) } export const useAutoplayDisabled = () => React.useContext(stateContext) export const useSetAutoplayDisabled = () => React.useContext(setContext)