import { Outlet } from 'react-router-dom';
import { useState } from 'react';
import StudioSidebar from './StudioSidebar';
import StudioHeader from './StudioHeader';
const StudioLayout = () => {
  const [bright, setBright] = useState(false);
  return <div className={bright ? 'studio-shell light-studio' : 'studio-shell'}>
    <StudioSidebar />
    <div className="min-w-0 flex-1">
      <StudioHeader onTheme={() => setBright(v => !v)} />
      <main className="h-[calc(100vh-4rem)] overflow-y-auto"><Outlet /></main>
    </div>
  </div>;
};
export default StudioLayout;