import { DocsConfigType } from "types";

export const docsConfig: DocsConfigType = [
  {
    title: "Getting started",
    items: [
      {
        title: "Introduction",
        href: "/docs/getting-started",
      },
      {
        title: "Browser Support",
        href: "/docs/getting-started/browser-support",
      },
      {
        title: "Customize Tabler",
        href: "/docs/getting-started/customize",
      },
      {
        title: "Download",
        href: "/docs/getting-started/download",
      },
      {
        title: "FAQ",
        href: "/docs/getting-started/faq",
      },
    ],
  },
  {
    title: "Base",
    items: [
      {
        title: "Colors",
        label: "new",
        href: "/docs/base/colors",
      },
      {
        title: "Typography",
        href: "/docs/base/typography",
      },
    ],
  },
  {
    title: "Layout",
    items: [
      {
        title: "Page layouts",
        label: "new",
        href: "/docs/layout/page-layouts",
      },
      {
        title: "Page headers",
        href: "/docs/layout/page-headers",
      },
    ],
  },
  {
    title: "Components",
    items: [
      {
        title: "Alerts",
        href: "/docs/components/alerts",
      },
      {
        title: "Autosize",
        href: "/docs/components/autosize",
      },
      {
        title: "Avatars",
        href: "/docs/components/avatars",
      },
      {
        title: "Badges",
        href: "/docs/components/badges",
      },
      {
        title: "Breadcrumb",
        href: "/docs/components/breadcrumb",
      },
      {
        title: "Buttons",
        href: "/docs/components/buttons",
      },
      {
        title: "Cards",
        href: "/docs/components/cards",
      },
      {
        title: "Carousel",
        href: "/docs/components/carousel",
      },
      {
        title: "Charts",
        href: "/docs/components/charts",
      },
      {
        title: "Datagrid",
        href: "/docs/components/datagrid",
      },
      {
        title: "Divider",
        href: "/docs/components/divider",
      },
      {
        title: "Dropdowns",
        href: "/docs/components/dropdowns",
      },
      {
        title: "Dropzone",
        href: "/docs/components/dropzone",
      },
      {
        title: "Empty",
        href: "/docs/components/empty",
      },
      {
        title: "Icons",
        href: "/docs/components/icons",
      },
      {
        title: "Inline Player",
        href: "/docs/components/inline-player",
      },
      {
        title: "Modals",
        href: "/docs/components/modals",
      },
      {
        title: "Placeholder",
        href: "/docs/components/placeholder",
      },
      {
        title: "Popover",
        href: "/docs/components/popover",
      },
      {
        title: "Progress",
        href: "/docs/components/progress",
      },
      {
        title: "Progress background",
        href: "/docs/components/progressbg",
      },
      {
        title: "Range slider",
        href: "/docs/components/range-slider",
      },
      {
        title: "Ribbons",
        href: "/docs/components/ribbons",
      },
      {
        title: "Spinners",
        href: "/docs/components/spinners",
      },
      {
        title: "Statuses",
        href: "/docs/components/statuses",
      },
      {
        title: "Steps",
        href: "/docs/components/steps",
      },
      {
        title: "Switch icon",
        href: "/docs/components/switch-icon",
      },
      {
        title: "Tables",
        href: "/docs/components/tables",
      },
      {
        title: "Tabs",
        href: "/docs/components/tabs",
      },
      {
        title: "Timelines",
        href: "/docs/components/timelines",
      },
      {
        title: "Tinymce",
        href: "/docs/components/tinymce",
      },
      {
        title: "Toasts",
        href: "/docs/components/toasts",
      },
      {
        title: "Tooltips",
        href: "/docs/components/tooltips",
      },
      {
        title: "Tracking",
        href: "/docs/components/tracking",
      },
    ],
  },
  {
    title: "Forms",
    items: [
      {
        title: "Base elements",
        href: "/docs/forms/form-elements",
      },
      {
        title: "Fieldset",
        href: "/docs/forms/form-fieldset",
      },
      {
        title: "Color check",
        href: "/docs/forms/form-color-check",
      },
      {
        title: "Image check",
        href: "/docs/forms/form-image-check",
      },
      {
        title: "Selectbox",
        href: "/docs/forms/form-selectboxes",
      },
      {
        title: "Validation",
        href: "/docs/forms/form-validation",
      },
      {
        title: "Input mask",
        href: "/docs/forms/form-input-mask",
      },
      {
        title: "Form helpers",
        href: "/docs/forms/form-helpers",
      },
    ],
  },
  {
    title: "Plugins",
    items: [
      {
        title: "Flags",
        href: "/docs/plugins/flags",
      },
      {
        title: "Payments",
        href: "/docs/plugins/payments",
      },
    ],
  },
  {
    title: "Utilities",
    items: [
      {
        title: "Borders",
        href: "/docs/utilities/borders",
      },
      {
        title: "Cursors",
        href: "/docs/utilities/cursors",
      },
      {
        title: "Interactions",
        href: "/docs/utilities/interactions",
      },
    ],
  },
  {
    title: "Tabler Icons",
    items: [
      {
        title: "Introduction",
        href: "/docs/icons",
        label: "new",
      },
      {
        title: "SVG version",
        href: "/docs/icons/svg",
      },
      {
        title: "React plugin",
        href: "/docs/icons/react",
      },
      {
        title: "Preact plugin",
        href: "/docs/icons/preact",
      },
      {
        title: "Vue plugin",
        href: "/docs/icons/vue",
      },
      {
        title: "SolidJS plugin",
        href: "/docs/icons/solidjs",
      },
      {
        title: "Svelte plugin",
        href: "/docs/icons/svelte",
      },
      {
        title: "Figma plugin",
        href: "/docs/icons/figma",
      },
      {
        title: "PNG version",
        href: "/docs/icons/png",
      },
      {
        title: "PDF version",
        href: "/docs/icons/pdf",
      },
      {
        title: "EPS version",
        href: "/docs/icons/eps",
      },
      {
        title: "Webfont version",
        href: "/docs/icons/webfont",
      },
    ],
  },
]