import { Routes, Route } from 'react-router-dom';
import { withErrorBoundary } from 'components/ErrorBoundary';

import { Workspaces } from './Workspaces';
import { PATHS as WORKSPACE_PAGE, WorkspacePage } from './$workspace';

export const WorkspaceRoutes = () => {
  return (
    <Routes>
      <Route index element={withErrorBoundary(<Workspaces />)} />
      <Route
        path={`:${WORKSPACE_PAGE.workspaceId}/*`}
        element={withErrorBoundary(<WorkspacePage />)}
      />
    </Routes>
  );
};