text: const homeSidebar = []
  const docsSidebar = [
    { text: 'Get Started', link: '/get-started' },
    { text: 'Styles', link: '/micron-styles/' },
  ]
  const stylesSidebar = [
    { text: 'Get Started', link: '/get-started' },
    { text: 'Styles', link: '/micron-styles/' },
    { text: 'Typography', link: '/micron-styles/typography' },
    { text: 'Spacing', link: '/micron-styles/spacing' },
    { text: 'Sizing', link: '/micron-styles/sizing' },
    { text: 'Layout', link: '/micron-styles/layout' },
    { text: 'Grid/Flexbox', link: '/micron-styles/grid-flex' },
    { text: 'Borders & Outline', link: '/micron-styles/border' },
    { text: 'Colors', link: '/micron-styles/colors' },
    { text: 'Backgrounds', link: '/micron-styles/background' },
    { text: 'Interactive', link: '/micron-styles/interactive' },
    { text: 'Effects & Animations', link: '/micron-styles/effects' },
    { text: 'Hover, Focus, & Active States', link: '/micron-styles/states' },
    { text: 'Breakpoints', link: '/micron-styles/breakpoints' },
  ]
  
  module.exports = {
    title: 'MicronCSS',
    description: 'Documentation for micronCSS the css utility library.',
  
    themeConfig: {
      nav: [
        { text: 'Home', link: '/' },
        { text: 'Docs', link: '/get-started' },
      ],
      sidebar: {
        '/get-started': docsSidebar,
        '/micron-styles/': stylesSidebar,
        '/': homeSidebar,
      },
    },
    head: [['link', { rel: 'icon', type: 'image/png', href: '/favicon.ico' }]],
    // head: [
    // ['link', { rel: 'stylesheet', href: 'https://unpkg.com/microncss@0.5.0' }],
    // ],
  }
  