import type { IMenuSection } from '~/interfaces/sidebar/sidebar.interface';

export const menuSections: IMenuSection[] = [
	{
		labelKey: 'sidebar.sections',
		items: [
			{ labelKey: 'sidebar.introduction', to: '/' },
			{ labelKey: 'sidebar.installation', to: '/installation' },
		],
	},
	{
		labelKey: 'sidebar.guides',
		items: [
			{ labelKey: 'component.icons', to: '/icons' },
			{ labelKey: 'guide.fonts', to: '/fonts' },
			{ labelKey: 'guide.svgLoader', to: '/svg-loader' },
			{ labelKey: 'guide.theme', to: '/theme' },
			{ labelKey: 'guide.lottie', to: '/lottie' },
			{ labelKey: 'guide.i18n', to: '/i18n' },
			{ labelKey: 'guide.seo', to: '/seo' },
			{ labelKey: 'guide.iconKitchen', to: '/icon-kitchen' },
		],
	},
	{
		labelKey: 'sidebar.layouts',
		items: [
			{ labelKey: 'component.layout', to: '/layout', new: true },
			{ labelKey: 'component.scaffold', to: '/scaffold', new: true },
			{ labelKey: 'component.sidebar', to: '/sidebar', new: true },
			{ labelKey: 'component.appBar', to: '/app-bar', new: true },
			{
				labelKey: 'component.bottomNavigationBar',
				to: '/bottom-navigation-bar',
				new: true,
			},
		],
	},
	{
		labelKey: 'sidebar.components',
		items: [
			{ labelKey: 'component.button', to: '/button' },
			{ labelKey: 'component.iconButton', to: '/icon-button' },
			{ labelKey: 'component.textLink', to: '/text-link' },
			{ labelKey: 'component.card', to: '/card' },
			{ labelKey: 'component.chip', to: '/chip' },
			{ labelKey: 'component.accordion', to: '/accordion' },
			{ labelKey: 'component.avatar', to: '/avatar' },
			{ labelKey: 'component.tabs', to: '/tabs' },
			{ labelKey: 'component.island', to: '/island', new: true },
			{ labelKey: 'component.infoBox', to: '/info-box', new: true },
			{ labelKey: 'component.list', to: '/list', new: true },
			{ labelKey: 'component.switch', to: '/switch' },
			{ labelKey: 'component.status', to: '/status' },
			{ labelKey: 'component.spinner', to: '/spinner' },
			{ labelKey: 'component.empty', to: '/empty' },
			{ labelKey: 'component.divider', to: '/divider' },
			{ labelKey: 'component.table', to: '/table' },
		],
	},
	{
		labelKey: 'sidebar.utilities',
		items: [
			{ labelKey: 'component.virtualScroller', to: '/virtual-scroller', new: true },
		],
	},
	{
		labelKey: 'sidebar.forms',
		items: [
			{ labelKey: 'component.input', to: '/input', new: true },
			{ labelKey: 'component.otp', to: '/otp' },
			{ labelKey: 'component.checkbox', to: '/checkbox' },
			{ labelKey: 'component.select', to: '/select' },
			{ labelKey: 'component.search', to: '/search' },
			{ labelKey: 'component.autocomplete', to: '/autocomplete' },
			{ labelKey: 'component.calendar', to: '/calendar' },
		],
	},
	{
		labelKey: 'sidebar.overlays',
		items: [
			{ labelKey: 'component.dialog', to: '/dialog' },
			{ labelKey: 'component.alertDialog', to: '/alert-dialog' },
			{ labelKey: 'component.confirmDialog', to: '/confirm-dialog' },
			{ labelKey: 'component.drawer', to: '/drawer' },
			{ labelKey: 'component.dropdownMenu', to: '/dropdown-menu' },
			{ labelKey: 'component.tooltip', to: '/tooltip' },
			{ labelKey: 'component.globalLoader', to: '/global-loader' },
			{ labelKey: 'component.toast', to: '/toast' },
		],
	},
];