export type DemoNavItem = {
  path: string;
  label: string;
};

export const DEMO_NAV: DemoNavItem[] = [
  { path: '/', label: 'Home' },
  { path: '/button', label: 'Button' },
  { path: '/input', label: 'Input' },
  { path: '/label', label: 'Label' },
  { path: '/form-fields', label: 'Form fields' },
  { path: '/demo-form', label: 'Demo form (required)' },
  { path: '/textarea', label: 'Textarea' },
  { path: '/select', label: 'Select' },
  { path: '/searchbar', label: 'Searchbar' },
  { path: '/pagination', label: 'Pagination' },
  { path: '/modal', label: 'Modal' },
  { path: '/toast', label: 'Toast' },
  { path: '/loading', label: 'Loading' },
  { path: '/infinite-scroll', label: 'Infinite scroll' },
  { path: '/alert', label: 'Alert' },
  { path: '/error-message', label: 'Error message' },
  { path: '/badge', label: 'Badge' },
  { path: '/tooltip', label: 'Tooltip' },
  { path: '/form-field-wrapper', label: 'Form field wrapper' },
  { path: '/date-picker', label: 'Date pickers' },
  { path: '/dropdown', label: 'Dropdown' },
  { path: '/offcanvas', label: 'OffCanvas' },
  { path: '/range-slider', label: 'Range slider' },
  { path: '/notifications', label: 'Notifications' },
  { path: '/progress', label: 'Progress bars' },
  { path: '/datatable', label: 'Data table' },
  { path: '/install', label: 'Install' },
];