Hailey
33 lines
664 B
TypeScript
33 lines
664 B
TypeScript
import React from 'react'
|
|
|
|
const Context = React.createContext(
|
|
{} as {
|
|
muted: boolean
|
|
setMuted: (muted: boolean) => void
|
|
},
|
|
)
|
|
|
|
export function Provider({children}: {children: React.ReactNode}) {
|
|
const [muted, setMuted] = React.useState(true)
|
|
|
|
const value = React.useMemo(
|
|
() => ({
|
|
muted,
|
|
setMuted,
|
|
}),
|
|
[muted, setMuted],
|
|
)
|
|
|
|
return <Context.Provider value={value}>{children}</Context.Provider>
|
|
}
|
|
|
|
export function useVideoVolumeState() {
|
|
const context = React.useContext(Context)
|
|
if (!context) {
|
|
throw new Error(
|
|
'useVideoVolumeState must be used within a VideoVolumeProvider',
|
|
)
|
|
}
|
|
return context
|
|
}
|