import { Routes, Route, Navigate } from "react-router-dom"
import { Layout } from "@/components/Layout"
import { DomainDiffPage } from "@/pages/DomainDiffPage"

function Placeholder({ name }: { name: string }) {
  return <div className="p-8 text-2xl">{name}</div>
}

export function App() {
  return (
    <Layout>
      <Routes>
        <Route path="/" element={<Navigate to="/domains" replace />} />
        <Route path="/domains" element={<Placeholder name="Domains" />} />
        <Route path="/domains/:id" element={<DomainDiffPage />} />
        <Route path="/accounts" element={<Placeholder name="Accounts" />} />
        <Route path="/templates" element={<Placeholder name="Templates" />} />
      </Routes>
    </Layout>
  )
}