function MainComponent({ shortcuts }) { const categories = { "Productividad": shortcuts.filter((shortcut)=>[ "Email", "Calendario", "Docs" ].includes(shortcut.name)), "IA y Desarrollo": shortcuts.filter((shortcut)=>[ "GPT", "Create.XYZ", "Copilot", "Bard" ].includes(shortcut.name)), "Utilidades": shortcuts.filter((shortcut)=>[ "Speech to Text" ].includes(shortcut.name)), "Documentación": shortcuts.filter((shortcut)=>[ "Documentación" ].includes(shortcut.name)) }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg w-full md:w-[800px] mx-auto", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-barlow text-white text-center mb-6", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "Workplace.LAB Entel"), Object.keys(categories).map((category, index)=>{ const shortcuts = categories[category]; return /*#__PURE__*/ React.createElement("div", { key: index, className: "mb-8", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-sans mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, category), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, shortcuts.map((shortcut, idx)=>/*#__PURE__*/ React.createElement("a", { key: idx, href: shortcut.link, className: "bg-[#f7f7f7] hover:bg-[#ececec] p-4 rounded-lg flex items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `mr-2 text-xl ${shortcut.iconClass}`, __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium font-sans", __source: { fileName: "", lineNumber: 33, columnNumber: 19 }, __self: this }, shortcut.name))))); })); } function StoryComponent() { const shortcuts = [ { name: "GPT", link: "https://chat.openai.com", iconClass: "fa fa-robot" }, { name: "Email", link: "https://mail.google.com", iconClass: "fa fa-envelope" }, { name: "Calendario", link: "https://calendar.google.com", iconClass: "fa fa-calendar" }, { name: "Docs", link: "https://docs.google.com", iconClass: "fa fa-file" }, { name: "Create.XYZ", link: "https://www.create.xyz", iconClass: "fa fa-pencil-alt" }, { name: "Copilot", link: "https://copilot.github.com", iconClass: "fa fa-code" }, { name: "Bard", link: "https://bard.google.com", iconClass: "fa fa-microphone" }, { name: "Speech to Text", link: "https://speechtotext.com", iconClass: "fa fa-comment" }, { name: "Documentación", link: "https://documentacion.com", iconClass: "fa fa-book" } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-[#0073e6] min-h-screen flex justify-center items-center", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { shortcuts: shortcuts, __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this })); }