import Splash from './components/Splash.jsx';
import StorePicker from './components/StorePicker.jsx';
import Dashboard from './components/Dashboard.jsx';

function App() {
  const [view, setView] = useState('splash'); // splash | picker | dashboard
  const [store, setStore] = useState(null);

  if (view === 'splash') {
    return <Splash onEnter={() => setView('picker')} />;
  }

  if (view === 'picker') {
    return (
      <StorePicker
        onSelect={(s) => { setStore(s); setView('dashboard'); }}
        onBack={() => setView('splash')}
      />
    );
  }

  return (
    <Dashboard
      store={store}
      onSwitchStore={() => setView('picker')}
    />
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);