import { createBrowserRouter } from 'react-router-dom';
import { Top } from './Top';
import { SignUp } from './SignUp';
import { SignUpForm1 } from './SignUpForm1';
import { SignUpForm2 } from './SignUpForm2';
import { SignUpForm3 } from './SignUpForm3';
import { SignUpConfirm } from './SignUpConfirm';

export const routes = createBrowserRouter([
  { path: '/', element: <Top /> },
  { path: '/sign-up', element: <SignUp /> },
  { path: '/sign-up/form1', element: <SignUpForm1 /> },
  { path: '/sign-up/form2', element: <SignUpForm2 /> },
  { path: '/sign-up/form3', element: <SignUpForm3 /> },
  { path: '/sign-up/confirm', element: <SignUpConfirm /> },
]);