export const components = [
  {
    id: 101,
    link: '/components/avatar/',
    name: 'VAvatar',
    media: {
      light: '/images/icons/components/avatar.svg',
      dark: '/images/icons/components/avatar-dark.svg',
    },
  },
  {
    id: 103,
    link: '/components/accordion/',
    name: 'VAccordion',
    media: {
      light: '/images/icons/components/accordion.svg',
      dark: '/images/icons/components/accordion-dark.svg',
    },
  },
  {
    id: 104,
    link: '/components/collapse',
    name: 'VCollapse',
    media: {
      light: '/images/icons/components/accordion.svg',
      dark: '/images/icons/components/accordion-dark.svg',
    },
  },
  {
    id: 107,
    link: '/components/breadcrumb',
    name: 'VBreadcrumb',
    media: {
      light: '/images/icons/components/breadcrumb.svg',
      dark: '/images/icons/components/breadcrumb-dark.svg',
    },
  },
  {
    id: 108,
    link: '/components/button',
    name: 'VButton',
    media: {
      light: '/images/icons/components/buttons.svg',
      dark: '/images/icons/components/buttons-dark.svg',
    },
  },
  {
    id: 112,
    link: '/components/dropdown',
    name: 'VDropdown',
    media: {
      light: '/images/icons/components/dropdowns.svg',
      dark: '/images/icons/components/dropdowns-dark.svg',
    },
  },
  {
    id: 113,
    link: '/components/icon-box',
    name: 'VIconBox',
    media: {
      light: '/images/icons/components/icon-box.svg',
      dark: '/images/icons/components/icon-box-dark.svg',
    },
  },
  {
    id: 114,
    link: '/components/message',
    name: 'VMessage',
    media: {
      light: '/images/icons/components/messages.svg',
      dark: '/images/icons/components/messages-dark.svg',
    },
  },
  {
    id: 115,
    link: '/components/modal',
    name: 'VModal',
    media: {
      light: '/images/icons/components/modals.svg',
      dark: '/images/icons/components/modals-dark.svg',
    },
  },
  {
    id: 116,
    link: '/components/progress',
    name: 'VProgress',
    media: {
      light: '/images/icons/components/progress.svg',
      dark: '/images/icons/components/progress-dark.svg',
    },
  },
  {
    id: 117,
    link: '/components/flextable/',
    name: 'VFlexTable',
    media: {
      light: '/images/icons/components/flex-tables.svg',
      dark: '/images/icons/components/flex-tables-dark.svg',
    },
  },
  {
    id: 118,
    link: '/components/tag',
    name: 'VTag',
    media: {
      light: '/images/icons/components/badges.svg',
      dark: '/images/icons/components/badges-dark.svg',
    },
  },
  {
    id: 119,
    link: '/components/snack',
    name: 'VSnack',
    media: {
      light: '/images/icons/components/snacks.svg',
      dark: '/images/icons/components/snacks-dark.svg',
    },
  },
  {
    id: 2,
    link: '/components/tag',
    name: 'VTag',
    media: {
      light: '/images/icons/components/badges.svg',
      dark: '/images/icons/components/badges-dark.svg',
    },
  },
  {
    id: 3,
    link: '/components/button',
    name: 'VButton',
    media: {
      light: '/images/icons/components/buttons.svg',
      dark: '/images/icons/components/buttons-dark.svg',
    },
  },
  {
    id: 8,
    link: '/components/icons/iconify',
    name: 'Iconify',
    media: {
      light: '/images/icons/components/line-icons.svg',
      dark: '/images/icons/components/line-icons-dark.svg',
    },
  },
  {
    id: 9,
    link: '/components/card/',
    name: 'VCard',
    media: {
      light: '/images/icons/components/cards.svg',
      dark: '/images/icons/components/cards-dark.svg',
    },
  },
  {
    id: 10,
    link: '/components/table',
    name: 'Tables',
    media: {
      light: '/images/icons/components/tables.svg',
      dark: '/images/icons/components/tables-dark.svg',
    },
  },
  {
    id: 11,
    link: '/components/tabs',
    name: 'VTabs',
    media: {
      light: '/images/icons/components/tabs.svg',
      dark: '/images/icons/components/tabs-dark.svg',
    },
  },
  {
    id: 13,
    link: '/components/tooltip',
    name: 'VTooltip',
    media: {
      light: '/images/icons/components/tooltip.svg',
      dark: '/images/icons/components/tooltip-dark.svg',
    },
  },
]

export const forms = [
  {
    id: 20,
    link: '/components/forms/field',
    name: 'VField',
    media: {
      light: '/images/icons/components/inputs-addons.svg',
      dark: '/images/icons/components/inputs-addons-dark.svg',
    },
  },
  {
    id: 1,
    link: '/components/forms/inputs',
    name: 'VInput',
    media: {
      light: '/images/icons/components/inputs.svg',
      dark: '/images/icons/components/inputs-dark.svg',
    },
  },
  {
    id: 3,
    link: '/components/forms/textarea',
    name: 'VTextarea',
    media: {
      light: '/images/icons/components/textarea.svg',
      dark: '/images/icons/components/textarea-dark.svg',
    },
  },
  {
    id: 4,
    link: '/components/forms/selects',
    name: 'VSelect',
    media: {
      light: '/images/icons/components/selects.svg',
      dark: '/images/icons/components/selects-dark.svg',
    },
  },
  {
    id: 5,
    link: '/components/forms/file',
    name: 'File Input',
    media: {
      light: '/images/icons/components/file-input.svg',
      dark: '/images/icons/components/file-input-dark.svg',
    },
  },
  {
    id: 6,
    link: '/components/checkbox',
    name: 'VCheckbox',
    media: {
      light: '/images/icons/components/toggles.svg',
      dark: '/images/icons/components/toggles-dark.svg',
    },
  },
  {
    id: 7,
    link: '/components/radio',
    name: 'VRadio',
    media: {
      light: '/images/icons/components/toggles.svg',
      dark: '/images/icons/components/toggles-dark.svg',
    },
  },
  {
    id: 8,
    link: '/components/switch-block',
    name: 'VSwitchBlock',
    media: {
      light: '/images/icons/components/switch.svg',
      dark: '/images/icons/components/switch-dark.svg',
    },
  },
  {
    id: 9,
    link: '/sidebar/layouts/form-layouts-1',
    name: 'Form Layout V1',
    media: {
      light: '/images/icons/components/forms.svg',
      dark: '/images/icons/components/forms-dark.svg',
    },
  },
  {
    id: 10,
    link: '/sidebar/layouts/form-layouts-2',
    name: 'Form Layout V2',
    media: {
      light: '/images/icons/components/forms.svg',
      dark: '/images/icons/components/forms-dark.svg',
    },
  },
  {
    id: 11,
    link: '/sidebar/layouts/form-layouts-3',
    name: 'Form Layout V3',
    media: {
      light: '/images/icons/components/forms.svg',
      dark: '/images/icons/components/forms-dark.svg',
    },
  },
  {
    id: 12,
    link: '/sidebar/layouts/form-layouts-4',
    name: 'Form Layout V4',
    media: {
      light: '/images/icons/components/forms.svg',
      dark: '/images/icons/components/forms-dark.svg',
    },
  },
]

export const plugins = [
  {
    id: 1,
    link: '/components/plugins/notif',
    name: 'Notyf',
    media: {
      light: '/images/icons/components/toasts.svg',
      dark: '/images/icons/components/toasts-dark.svg',
    },
  },
  {
    id: 2,
    link: '/components/plugins/photos-swipe',
    name: 'Photo Swipe',
    media: {
      light: '/images/icons/components/lightbox.svg',
      dark: '/images/icons/components/lightbox-dark.svg',
    },
  },
  {
    id: 3,
    link: '/components/addons/calendar',
    name: 'VCalendar',
    media: {
      light: '/images/icons/components/datepicker.svg',
      dark: '/images/icons/components/datepicker-dark.svg',
    },
  },
  {
    id: 4,
    link: '/components/plugins/plyr',
    name: 'VPlyr',
    media: {
      light: '/images/icons/components/video.svg',
      dark: '/images/icons/components/video-dark.svg',
    },
  },
  {
    id: 5,
    link: '/components/addons/vueform-multiselect',
    name: 'VMultiselect',
    media: {
      light: '/images/icons/components/selects.svg',
      dark: '/images/icons/components/selects-dark.svg',
    },
  },
  {
    id: 6,
    link: '/components/addons/vueform-slider',
    name: 'VSlider',
    media: {
      light: '/images/icons/components/slider.svg',
      dark: '/images/icons/components/slider-dark.svg',
    },
  },
  {
    id: 7,
    link: '/components/plugins/tippy',
    name: 'VTippy',
    media: {
      light: '/images/icons/components/popover.svg',
      dark: '/images/icons/components/popover-dark.svg',
    },
  },
  {
    id: 8,
    link: '/components/addons/ckeditor',
    name: 'CKEditor 5',
    media: {
      light: '/images/icons/components/textarea.svg',
      dark: '/images/icons/components/textarea-dark.svg',
    },
  },
]
