import { Routes, Route } from 'react-router-dom';
import { Toaster } from 'sonner';
import { Layout } from '@/components/Layout';
import { StreamPage, CreatePostPage, MyDissolvesPage, NotFoundPage } from '@/pages';

function App() {
  return (
    <>
      <Layout>
        <Routes>
          <Route path="/" element={<StreamPage />} />
          <Route path="/create" element={<CreatePostPage />} />
          <Route path="/my-dissolves" element={<MyDissolvesPage />} />
          <Route path="*" element={<NotFoundPage />} />
        </Routes>
      </Layout>
      <Toaster position="bottom-center" toastOptions={{ className: 'font-sans' }} />
    </>
  );
}

export default App;