import { useState } from 'react';
import { HashRouter } from 'react-router';
import { mount } from '../../shared/mount';
import { ExplorerRoutes } from '../../shared/ExplorerRoutes';
import { events } from '../../shared/fixtures';
import { toggleSaved } from '../../shared/domain';

function App() {
  const [savedIds, setSavedIds] = useState<string[]>([]);
  return <HashRouter><ExplorerRoutes events={events} savedIds={savedIds}
    onToggle={id => setSavedIds(previous => toggleSaved(previous, id))} onClear={() => setSavedIds([])} /></HashRouter>;
}
mount(<App />);