text: const components = [
    {
      title: 'Appbar',
      path: '/components/appbar',
    },
    {
      title: 'Searchbar',
      path: '/components/searchbar',
      subsubItem: true,
    },
    {
      title: 'Appbar Bottom',
      path: '/components/appbar-bottom',
    },
    {
      title: 'Avatar',
      path: '/components/avatar',
    },
    {
      title: 'Backdrop',
      path: '/components/backdrop',
    },
    {
      title: 'Badge',
      path: '/components/badge',
    },
    {
      title: 'Banner',
      path: '/components/banner',
    },
    {
      title: 'Bottom Navigation',
      path: '/components/bottom-navigation',
    },
    {
      title: 'Bottom Navigation Item',
      path: '/components/bottom-navigation-item',
      subsubItem: true,
    },
    {
      title: 'Button',
      path: '/components/button',
    },
    {
      title: 'Card',
      path: '/components/card',
    },
    {
      title: 'CardActions',
      path: '/components/card-actions',
      subsubItem: true,
    },
    {
      title: 'CardContent',
      path: '/components/card-content',
      subsubItem: true,
    },
    {
      title: 'CardHeader',
      path: '/components/card-header',
      subsubItem: true,
    },
    {
      title: 'CardMedia',
      path: '/components/card-media',
      subsubItem: true,
    },
    {
      title: 'Checkbox',
      path: '/components/checkbox',
    },
    {
      title: 'Chip',
      path: '/components/chip',
    },
    {
      title: 'DataTable',
      path: '/components/datatable',
    },
    {
      title: 'DataTableCell',
      path: '/components/datatable-cell',
      subsubItem: true,
    },
    {
      title: 'DataTableHeader',
      path: '/components/datatable-header',
      subsubItem: true,
    },
    {
      title: 'DataTablePagination',
      path: '/components/datatable-pagination',
      subsubItem: true,
    },
    {
      title: 'DataTableRow',
      path: '/components/datatable-row',
      subsubItem: true,
    },
    {
      title: 'Dialog',
      path: '/components/dialog',
    },
    {
      title: 'Divider',
      path: '/components/divider',
    },
    {
      title: 'Drawer',
      path: '/components/drawer',
    },
  
    {
      title: 'DrawerHeader',
      path: '/components/drawer-header',
      subsubItem: true,
    },
    {
      title: 'DrawerItem',
      path: '/components/drawer-item',
      subsubItem: true,
    },
    {
      title: 'DrawerSection',
      path: '/components/drawer-section',
      subsubItem: true,
    },
    {
      title: 'DrawerBottom',
      path: '/components/drawer-bottom',
    },
  
    {
      title: 'Fab',
      path: '/components/fab',
    },
    {
      title: 'Speed dial',
      path: '/components/fab-speeddial',
      subsubItem: true,
    },
    {
      title: 'Icon',
      path: '/components/icon',
    },
    {
      title: 'IconButton',
      path: '/components/iconbutton',
    },
    {
      title: 'List',
      path: '/components/list',
    },
    {
      title: 'ListExpand',
      path: '/components/list-expand',
      subsubItem: true,
    },
    {
      title: 'ListItem',
      path: '/components/list-item',
      subsubItem: true,
    },
    {
      title: 'ListSection',
      path: '/components/list-section',
      subsubItem: true,
    },
    {
      title: 'Menu',
      path: '/components/menu',
    },
    {
      title: 'MenuItem',
      path: '/components/menu-item',
      subsubItem: true,
    },
    {
      title: 'Paper',
      path: '/components/paper',
    },
    {
      title: 'Progress Bar',
      path: '/components/progress-bar',
    },
    {
      title: 'Progress Circle',
      path: '/components/progress-circle',
    },
    {
      title: 'Radio Button',
      path: '/components/radiobutton',
    },
    {
      title: 'Ripple',
      path: '/components/ripple',
    },
  
    {
      title: 'Select',
      path: '/components/select',
    },
    {
      title: 'SheetBottom',
      path: '/components/sheet-bottom',
    },
    {
      title: 'SheetSide',
      path: '/components/sheet-side',
    },
    {
      title: 'Slider',
      path: '/components/slider',
    },
    {
      title: 'Snackbar',
      path: '/components/snackbar',
    },
    {
      title: 'SwipeNav',
      path: '/components/swipenav',
    },
    {
      title: 'Switch',
      path: '/components/switch',
    },
    {
      title: 'Tabs',
      path: '/components/tabs',
    },
    {
      title: 'Tab',
      path: '/components/tab',
      subsubItem: true,
    },
    {
      title: 'Textfield',
      path: '/components/textfield',
    },
    {
      title: 'Searchfield',
      path: '/components/searchfield',
      subsubItem: true,
    },
    {
      title: 'ToggleButton',
      path: '/components/togglebutton',
    },
    {
      title: 'ToggleButtonGroup',
      path: '/components/togglebutton-group',
      subsubItem: true,
    },
    {
      title: 'Tooltip',
      path: '/components/tooltip',
    },
    {
      title: 'Typography',
      path: '/components/typography',
    },
  ];
  
  export default components;
  