import React from 'react';
import App from './App';
import Schedule from './components/Schedule';
import Registry from './components/Registry';
import GuestLogin from './components/GuestLogin';
import Rsvp from './components/Rsvp';
import RsvpForm from './components/RsvpForm';
import Home from './components/Home';
import AdminLogin from './components/AdminLogin';
import Admin from './components/Admin';
import Dashboard from './components/Dashboard';

const routes = [
  {
    element: <App />,
    children: [
      {
        path: '/',
        element: <Home />,
      },
      {
        path: 'schedule',
        element: <Schedule />,
      },
      {
        path: 'registry',
        element: <Registry />,
      },
      {
        path: 'guests/login',
        element: <GuestLogin />,
      },
      {
        path: 'admin/login',
        element: <AdminLogin />,
      },
      {
        element: <Rsvp />,
        children: [
          {
            path: 'rsvp',
            element: <RsvpForm />,
          },
        ],
      },
      {
        element: <Admin />,
        children: [
          {
            path: 'dashboard',
            element: <Dashboard />,
          },
        ],
      },
    ],
  },
];

export default routes;