componenteshospitais 1.0.3 → 1.0.4

package/dist/cjs/index.js

@@ -110,18 +110,20 @@ var TextPage = function (_a) {
                 React.createElement("div", { className: styles$1.text, dangerouslySetInnerHTML: { __html: texto } })))));
 };
 
-var css_248z = ".menuPage-module_container__grjEI{color:#000;display:flex;height:100%}.menuPage-module_sidebar__7Kg1S{background-color:#fff;border-right:1px solid #ddd;height:500px;max-height:500px;overflow-y:auto;padding-bottom:15px;width:250px}.menuPage-module_sidebar__7Kg1S ul{list-style:none;margin:0;padding:0}.menuPage-module_sidebar__7Kg1S ul li{margin:10px 0}.menuPage-module_sidebar__7Kg1S ul li button{background:none;border:none;color:var(--blue);cursor:pointer;font-weight:700;padding:10px;text-align:left;text-decoration:none;width:100%}.menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{background-color:var(--lightGray);border-left:4px solid var(--blue)}.menuPage-module_content__g2T-d{background-color:#fff;flex:1;max-height:475px;overflow-y:auto;padding:20px}@media (max-width:800px){.menuPage-module_sidebar__7Kg1S{width:160px}}";
-var styles = {"container":"menuPage-module_container__grjEI","sidebar":"menuPage-module_sidebar__7Kg1S","active":"menuPage-module_active__Mfy4T","content":"menuPage-module_content__g2T-d"};
+var css_248z = ".menuPage-module_container__grjEI{color:#000;display:flex;height:100%}.menuPage-module_sidebar__7Kg1S{background-color:#fff;border-right:1px solid var(--greyHover);height:500px;max-height:500px;overflow-y:auto;padding-bottom:15px;width:250px}.menuPage-module_sidebar__7Kg1S ul{list-style:none;margin:0;padding:0}.menuPage-module_sidebar__7Kg1S ul li{margin:10px 0}.menuPage-module_sidebar__7Kg1S ul li button{background:none;border:none;cursor:pointer;font-weight:700;padding:10px;text-align:left;text-decoration:none;width:100%}.menuPage-module_content__g2T-d{background-color:#fff;flex:1;max-height:475px;overflow-y:auto;padding:20px}@media (max-width:800px){.menuPage-module_sidebar__7Kg1S{width:160px}}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button{color:var(--blue)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{border-left:4px solid var(--blue)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button{color:var(--green)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{background-color:var(--lightGray);border-left:4px solid var(--green)}";
+var styles = {"container":"menuPage-module_container__grjEI","sidebar":"menuPage-module_sidebar__7Kg1S","content":"menuPage-module_content__g2T-d","empresa1":"menuPage-module_empresa1__tLASf","active":"menuPage-module_active__Mfy4T"};
 styleInject(css_248z);
 
 var MenuPage = function (_a) {
-    var menus = _a.menus, contents = _a.contents;
+    var menus = _a.menus, contents = _a.contents, empresa = _a.empresa;
+    var empresaClass = styles["empresa".concat(empresa)];
     var _b = React.useState(menus[0].key), selectedSection = _b[0], setSelectedSection = _b[1];
-    return (React.createElement("div", { className: styles.container },
-        React.createElement("nav", { className: styles.sidebar },
-            React.createElement("ul", null, menus.map(function (menu) { return (React.createElement("li", { key: menu.key },
-                React.createElement("button", { className: selectedSection === menu.key ? styles.active : '', onClick: function () { return setSelectedSection(menu.key); } }, menu.label))); }))),
-        React.createElement("main", { className: styles.content }, contents[selectedSection])));
+    return (React.createElement("div", { className: "".concat(empresaClass) },
+        React.createElement("div", { className: styles.container },
+            React.createElement("nav", { className: styles.sidebar },
+                React.createElement("ul", null, menus.map(function (menu) { return (React.createElement("li", { key: menu.key },
+                    React.createElement("button", { className: selectedSection === menu.key ? styles.active : '', onClick: function () { return setSelectedSection(menu.key); } }, menu.label))); }))),
+            React.createElement("main", { className: styles.content }, contents[selectedSection]))));
 };
 
 exports.Button = Button;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n  if ( ref === void 0 ) ref = {};\r\n  var insertAt = ref.insertAt;\r\n\r\n  if (!css || typeof document === 'undefined') { return; }\r\n\r\n  var head = document.head || document.getElementsByTagName('head')[0];\r\n  var style = document.createElement('style');\r\n  style.type = 'text/css';\r\n\r\n  if (insertAt === 'top') {\r\n    if (head.firstChild) {\r\n      head.insertBefore(style, head.firstChild);\r\n    } else {\r\n      head.appendChild(style);\r\n    }\r\n  } else {\r\n    head.appendChild(style);\r\n  }\r\n\r\n  if (style.styleSheet) {\r\n    style.styleSheet.cssText = css;\r\n  } else {\r\n    style.appendChild(document.createTextNode(css));\r\n  }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n  if ( ref === void 0 ) ref = {};\r\n  var insertAt = ref.insertAt;\r\n\r\n  if (!css || typeof document === 'undefined') { return; }\r\n\r\n  var head = document.head || document.getElementsByTagName('head')[0];\r\n  var style = document.createElement('style');\r\n  style.type = 'text/css';\r\n\r\n  if (insertAt === 'top') {\r\n    if (head.firstChild) {\r\n      head.insertBefore(style, head.firstChild);\r\n    } else {\r\n      head.appendChild(style);\r\n    }\r\n  } else {\r\n    head.appendChild(style);\r\n  }\r\n\r\n  if (style.styleSheet) {\r\n    style.styleSheet.cssText = css;\r\n  } else {\r\n    style.appendChild(document.createTextNode(css));\r\n  }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/esm/index.js

@@ -108,18 +108,20 @@ var TextPage = function (_a) {
                 React.createElement("div", { className: styles$1.text, dangerouslySetInnerHTML: { __html: texto } })))));
 };
 
-var css_248z = ".menuPage-module_container__grjEI{color:#000;display:flex;height:100%}.menuPage-module_sidebar__7Kg1S{background-color:#fff;border-right:1px solid #ddd;height:500px;max-height:500px;overflow-y:auto;padding-bottom:15px;width:250px}.menuPage-module_sidebar__7Kg1S ul{list-style:none;margin:0;padding:0}.menuPage-module_sidebar__7Kg1S ul li{margin:10px 0}.menuPage-module_sidebar__7Kg1S ul li button{background:none;border:none;color:var(--blue);cursor:pointer;font-weight:700;padding:10px;text-align:left;text-decoration:none;width:100%}.menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{background-color:var(--lightGray);border-left:4px solid var(--blue)}.menuPage-module_content__g2T-d{background-color:#fff;flex:1;max-height:475px;overflow-y:auto;padding:20px}@media (max-width:800px){.menuPage-module_sidebar__7Kg1S{width:160px}}";
-var styles = {"container":"menuPage-module_container__grjEI","sidebar":"menuPage-module_sidebar__7Kg1S","active":"menuPage-module_active__Mfy4T","content":"menuPage-module_content__g2T-d"};
+var css_248z = ".menuPage-module_container__grjEI{color:#000;display:flex;height:100%}.menuPage-module_sidebar__7Kg1S{background-color:#fff;border-right:1px solid var(--greyHover);height:500px;max-height:500px;overflow-y:auto;padding-bottom:15px;width:250px}.menuPage-module_sidebar__7Kg1S ul{list-style:none;margin:0;padding:0}.menuPage-module_sidebar__7Kg1S ul li{margin:10px 0}.menuPage-module_sidebar__7Kg1S ul li button{background:none;border:none;cursor:pointer;font-weight:700;padding:10px;text-align:left;text-decoration:none;width:100%}.menuPage-module_content__g2T-d{background-color:#fff;flex:1;max-height:475px;overflow-y:auto;padding:20px}@media (max-width:800px){.menuPage-module_sidebar__7Kg1S{width:160px}}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button{color:var(--blue)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{border-left:4px solid var(--blue)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button{color:var(--green)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{background-color:var(--lightGray);border-left:4px solid var(--green)}";
+var styles = {"container":"menuPage-module_container__grjEI","sidebar":"menuPage-module_sidebar__7Kg1S","content":"menuPage-module_content__g2T-d","empresa1":"menuPage-module_empresa1__tLASf","active":"menuPage-module_active__Mfy4T"};
 styleInject(css_248z);
 
 var MenuPage = function (_a) {
-    var menus = _a.menus, contents = _a.contents;
+    var menus = _a.menus, contents = _a.contents, empresa = _a.empresa;
+    var empresaClass = styles["empresa".concat(empresa)];
     var _b = useState(menus[0].key), selectedSection = _b[0], setSelectedSection = _b[1];
-    return (React.createElement("div", { className: styles.container },
-        React.createElement("nav", { className: styles.sidebar },
-            React.createElement("ul", null, menus.map(function (menu) { return (React.createElement("li", { key: menu.key },
-                React.createElement("button", { className: selectedSection === menu.key ? styles.active : '', onClick: function () { return setSelectedSection(menu.key); } }, menu.label))); }))),
-        React.createElement("main", { className: styles.content }, contents[selectedSection])));
+    return (React.createElement("div", { className: "".concat(empresaClass) },
+        React.createElement("div", { className: styles.container },
+            React.createElement("nav", { className: styles.sidebar },
+                React.createElement("ul", null, menus.map(function (menu) { return (React.createElement("li", { key: menu.key },
+                    React.createElement("button", { className: selectedSection === menu.key ? styles.active : '', onClick: function () { return setSelectedSection(menu.key); } }, menu.label))); }))),
+            React.createElement("main", { className: styles.content }, contents[selectedSection]))));
 };
 
 export { Button, Card, CardImage, InputField, MenuPage, TextPage, TituloPagina };

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n  if ( ref === void 0 ) ref = {};\r\n  var insertAt = ref.insertAt;\r\n\r\n  if (!css || typeof document === 'undefined') { return; }\r\n\r\n  var head = document.head || document.getElementsByTagName('head')[0];\r\n  var style = document.createElement('style');\r\n  style.type = 'text/css';\r\n\r\n  if (insertAt === 'top') {\r\n    if (head.firstChild) {\r\n      head.insertBefore(style, head.firstChild);\r\n    } else {\r\n      head.appendChild(style);\r\n    }\r\n  } else {\r\n    head.appendChild(style);\r\n  }\r\n\r\n  if (style.styleSheet) {\r\n    style.styleSheet.cssText = css;\r\n  } else {\r\n    style.appendChild(document.createTextNode(css));\r\n  }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n  if ( ref === void 0 ) ref = {};\r\n  var insertAt = ref.insertAt;\r\n\r\n  if (!css || typeof document === 'undefined') { return; }\r\n\r\n  var head = document.head || document.getElementsByTagName('head')[0];\r\n  var style = document.createElement('style');\r\n  style.type = 'text/css';\r\n\r\n  if (insertAt === 'top') {\r\n    if (head.firstChild) {\r\n      head.insertBefore(style, head.firstChild);\r\n    } else {\r\n      head.appendChild(style);\r\n    }\r\n  } else {\r\n    head.appendChild(style);\r\n  }\r\n\r\n  if (style.styleSheet) {\r\n    style.styleSheet.cssText = css;\r\n  } else {\r\n    style.appendChild(document.createTextNode(css));\r\n  }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/types/components/MenuPage.d.ts

@@ -8,6 +8,7 @@ interface MenuPageProps {
     contents: {
         [key: string]: ReactNode;
     };
+    empresa: '1' | '2' | '3';
 }
 declare const MenuPage: React.FC<MenuPageProps>;
 export default MenuPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteshospitais",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",

package/src/components/MenuPage.tsx

@@ -9,32 +9,36 @@ interface Menu {
 interface MenuPageProps {
   menus: Menu[];
   contents: { [key: string]: ReactNode };
+  empresa: '1' | '2' | '3';
 }
 
-const MenuPage: React.FC<MenuPageProps> = ({ menus, contents }) => {
-  const [selectedSection, setSelectedSection] = useState(menus[0].key);
+const MenuPage: React.FC<MenuPageProps> = ({ menus, contents, empresa }) => {
+    const empresaClass = styles[`empresa${empresa}`];
+    const [selectedSection, setSelectedSection] = useState(menus[0].key);
 
-  return (
-    <div className={styles.container}>
-      <nav className={styles.sidebar}>
-        <ul>
-          {menus.map(menu => (
-            <li key={menu.key}>
-              <button
-                className={selectedSection === menu.key ? styles.active : ''}
-                onClick={() => setSelectedSection(menu.key)}
-              >
-                {menu.label}
-              </button>
-            </li>
-          ))}
-        </ul>
-      </nav>
-      <main className={styles.content}>
-        {contents[selectedSection]}
-      </main>
+    return (
+    <div className={`${empresaClass}`}>
+        <div className={styles.container}>
+        <nav className={styles.sidebar}>
+            <ul>
+            {menus.map(menu => (
+                <li key={menu.key}>
+                <button
+                    className={selectedSection === menu.key ? styles.active : ''}
+                    onClick={() => setSelectedSection(menu.key)}
+                >
+                    {menu.label}
+                </button>
+                </li>
+            ))}
+            </ul>
+        </nav>
+        <main className={styles.content}>
+            {contents[selectedSection]}
+        </main>
+        </div>
     </div>
-  );
+    );
 };
 
 export default MenuPage;

package/src/styles/menuPage.module.css

@@ -8,7 +8,7 @@
     width: 250px;
     background-color: #fff;
     padding-bottom: 15px;
-    border-right: 1px solid #ddd;
+    border-right: 1px solid var(--greyHover);
     overflow-y: auto;
     max-height: 500px;
     height: 500px;
@@ -28,7 +28,6 @@
     background: none;
     border: none;
     text-decoration: none;
-    color: var(--blue);
     font-weight: bold;
     cursor: pointer;
     width: 100%;
@@ -36,11 +35,6 @@
     padding: 10px;
 }
 
-.sidebar ul li button.active {
-    background-color: var(--lightGray);
-    border-left: 4px solid var(--blue); 
-}
-
 .content {
     flex: 1;
     padding: 20px;
@@ -49,8 +43,33 @@
     background-color: #fff;
 }
 
+
 @media (max-width: 800px) {
     .sidebar{
         width: 160px;
     }
+}
+
+/* Definicao de cores */
+
+/* Empresa 1 - MPHU */
+.empresa1 .sidebar ul li button{
+    color: var(--blue);
+}
+
+.empresa1 .sidebar ul li button.active {
+    background-color: var(--lightGray);
+    border-left: 4px solid var(--blue); 
+}
+
+/* Empresa 2 - Reginal */
+
+/* Empresa 3 - Upas */
+.empresa1 .sidebar ul li button{
+    color: var(--green);
+}
+
+.empresa1 .sidebar ul li button.active {
+    background-color: var(--lightGray);
+    border-left: 4px solid var(--green); 
 }