import { lazy } from 'react';

import { createRouteGroup } from '../../lib/createRouteGroup';

declare module '@rocket.chat/ui-contexts' {
	interface IRouterPaths {
		'marketplace-index': {
			pattern: '/marketplace';
			pathname: '/marketplace';
		};
		'marketplace': {
			pattern: '/marketplace/:context?/:page?/:id?/:version?/:tab?/:contextualBar?';
			pathname: `/marketplace${`/${string}` | ''}${`/${string}` | ''}${`/${string}` | ''}${`/${string}` | ''}${`/${string}` | ''}${`/${string}` | ''}`;
		};
	}
}

export const registerMarketplaceRoute = createRouteGroup(
	'marketplace',
	'/marketplace',
	lazy(() => import('./MarketplaceRouter')),
);

registerMarketplaceRoute('/:context?/:page?/:id?/:version?/:tab?/:contextualBar?', {
	name: 'marketplace',
	component: lazy(() => import('./AppsRoute')),
});