import React, { useEffect } from 'react';
import { SmartDevicesManager, SdmProvider } from '@ray-js/panel-sdk';

const deviceManager = new SmartDevicesManager();

export default function App({ children }) {
  useEffect(() => {
    deviceManager.init(); // Start listening to global events
    return () => {
      deviceManager.destroy(); // Cleanup on component unmount
    };
  }, []);

  return (
    <SdmProvider deviceManager={deviceManager} isNeedMainDeviceInitialized={false}>
      {children}
    </SdmProvider>
  );
}