text: import React from 'react';
  
  const Dashboard = React.lazy(() => import('./views/dashboard/Dashboard'));
  const Colors = React.lazy(() => import('./views/theme/colors/Colors'));
  const Typography = React.lazy(() => import('./views/theme/typography/Typography'));
  const Widgets = React.lazy(() => import('./views/widgets/Widgets'));
  const Users = React.lazy(() => import('./views/users/Users'));
  const User = React.lazy(() => import('./views/users/User'));
  
  const routes = [
    { path: '/', exact: true, name: 'Home' },
    { path: '/dashboard', name: 'Dashboard', component: Dashboard },
    { path: '/theme', name: 'Theme', component: Colors, exact: true },
    { path: '/theme/colors', name: 'Colors', component: Colors },
    { path: '/theme/typography', name: 'Typography', component: Typography },
    { path: '/widgets', name: 'Widgets', component: Widgets },
    { path: '/users', exact: true,  name: 'Users', component: Users },
    { path: '/users/:id', exact: true, name: 'User Details', component: User }
  ];
  
  export default routes;
  