function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row min-h-screen bg-[#F5F5F5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-full md:w-1/4 bg-[#1976D2] text-white p-5", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Patient Hub"), /*#__PURE__*/ React.createElement("nav", { className: "flex flex-col", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#agendamentos", className: "font-roboto mb-2 hover:bg-[#1565C0] p-2", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Agendamentos"), /*#__PURE__*/ React.createElement("a", { href: "#consultas", className: "font-roboto mb-2 hover:bg-[#1565C0] p-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Resumo de Consultas"), /*#__PURE__*/ React.createElement("a", { href: "#diagnosticos", className: "font-roboto mb-2 hover:bg-[#1565C0] p-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Diagnósticos"), /*#__PURE__*/ React.createElement("a", { href: "#orientacoes", className: "font-roboto mb-2 hover:bg-[#1565C0] p-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Orientações"), /*#__PURE__*/ React.createElement("a", { href: "#documentos", className: "font-roboto hover:bg-[#1565C0] p-2", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Emissão de Documentos"))), /*#__PURE__*/ React.createElement("main", { className: "w-full md:w-3/4 p-5", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "agendamentos", className: "bg-white shadow-md p-5 mb-5", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-3", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Agendamentos")), /*#__PURE__*/ React.createElement("section", { id: "consultas", className: "bg-white shadow-md p-5 mb-5", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-3", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Resumo de Consultas")), /*#__PURE__*/ React.createElement("section", { id: "diagnosticos", className: "bg-white shadow-md p-5 mb-5", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-3", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Diagnósticos")), /*#__PURE__*/ React.createElement("section", { id: "orientacoes", className: "bg-white shadow-md p-5 mb-5", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-3", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Orientações")), /*#__PURE__*/ React.createElement("section", { id: "documentos", className: "bg-white shadow-md p-5", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-3", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Emissão de Documentos")))); }