'use client';
import React from 'react';

const SoundEnabledContext = React.createContext({});
function SoundEnabledProvider({ children }) {
  const [soundEnabled, setSoundEnabled] = React.useState(true);
  return (
    <SoundEnabledContext value={{ soundEnabled, setSoundEnabled }}>
      {children}
    </SoundEnabledContext>
  );
}

export function useSoundEnabled() {
  const data = React.use(SoundEnabledContext);

  if (!data) {
    throw new Error(
      'Cannot consume SoundEnabled context without a SoundEnabledProvider',
    );
  }

  return data;
}

export default SoundEnabledProvider;