Creación componente producto

src/app/configs/navigationConfig.ts

@@ -24,8 +24,8 @@ const navigationConfig: FuseNavItemType[] = [
 	},
 	{
 		id: 'dashboard-component',
-		title: 'Tablero',
-		translate: 'TABLERO',
+		title: 'Dashboard',
+		translate: 'DASHBOARD',
 		type: 'item',
 		icon: 'heroicons-outline:star',
 		url: 'dashboards/project'
@@ -37,6 +37,14 @@ const navigationConfig: FuseNavItemType[] = [
 		type: 'item',
 		icon: 'heroicons-outline:document-text',
 		url: 'invoice/list'
+	},
+	{
+		id: 'producto-component',
+		title: 'Producto',
+		translate: 'PRODUCT',
+		type: 'item',
+		icon: 'heroicons-outline:clipboard-check',
+		url: 'producto'
 	}
 
 ];

src/app/main/producto/Producto.tsx

@@ -0,0 +1,32 @@
+import DemoContent from '@fuse/core/DemoContent';
+import FusePageSimple from '@fuse/core/FusePageSimple';
+import { useTranslation } from 'react-i18next';
+import { styled } from '@mui/material/styles';
+
+const Root = styled(FusePageSimple)(({ theme }) => ({
+	'& .FusePageSimple-header': {
+		backgroundColor: theme.palette.background.paper,
+		borderBottomWidth: 1,
+		borderStyle: 'solid',
+		borderColor: theme.palette.divider
+	},
+	'& .FusePageSimple-content': {},
+	'& .FusePageSimple-sidebarHeader': {},
+	'& .FusePageSimple-sidebarContent': {}
+}));
+
+function Producto() {
+    const { t } = useTranslation('products');
+    
+	return(
+		<Root
+			header={
+				<div className='p-24'>
+					<h4>{t('PRODUCTOS')}</h4>
+				</div>
+			}
+		/>
+	)
+}
+
+export default Producto;

src/app/main/producto/ProductoConfig.tsx

@@ -0,0 +1,21 @@
+import i18next from "i18next";
+import { lazy } from 'react';
+import en from './i18n/en';
+
+i18next.addResourceBundle('en', 'examplePage', en);
+
+const Producto = lazy(() => import('./Producto'));
+
+const ProductoConfig = {
+    settings: {
+        layout: {}
+    },
+    routes: [
+        {
+            path: 'producto',
+            element: <Producto/>
+        }
+    ]
+};
+
+export default ProductoConfig;

src/app/main/producto/i18n/en.ts

@@ -0,0 +1,5 @@
+const locale = {
+	TITLE: 'Product'
+};
+
+export default locale;