import { LeftPanel } from './components/LeftPanel/LeftPanel';
import { GraphPanel } from './components/GraphPanel/GraphPanel';
import { RightPanel } from './components/RightPanel/RightPanel';
import { PlayModeOverlay } from './components/PlayMode/PlayModeOverlay';
import { useDialogueStore } from './store/dialogueStore';
import styles from './App.module.css';

export default function App() {
  const playModeActive = useDialogueStore(s => s.playModeActive);

  return (
    <div className={styles.app}>
      <LeftPanel />
      <GraphPanel />
      <RightPanel />
      {playModeActive && <PlayModeOverlay />}
    </div>
  );
}