function SubcontractorViewButton({ href, label, iconClass }) { return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#e0e0e0] flex items-center justify-center cursor-pointer", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: href, className: "text-center font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${iconClass} fa-2x mb-2`, __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, label))); } function SubcontractorViewButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SubcontractorViewButton, { href: "/view-subcontractors", label: "View Subcontractors", iconClass: "fa fa-users", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[250px] bg-[#f4f4f4] h-screen p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 6, columnNumber: 47 }, __self: this }, "About Us")), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 7, columnNumber: 47 }, __self: this }, "Contact Us")), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 8, columnNumber: 47 }, __self: this }, "Notifications")), /*#__PURE__*/ React.createElement("li", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 9, columnNumber: 47 }, __self: this }, "App Settings")))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow p-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#e0e0e0] flex items-center justify-center cursor-pointer", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/active-tenders", className: "text-center font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-list fa-2x mb-2", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Active Tenders"))), /*#__PURE__*/ React.createElement(SubcontractorViewButton, { href: "/view-subcontractors", label: "View Subcontractors", iconClass: "fa fa-users", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#e0e0e0] flex items-center justify-center cursor-pointer", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/view-profile", className: "text-center font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user fa-2x mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "View Profile"))), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#e0e0e0] flex items-center justify-center cursor-pointer", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/advertisements", className: "text-center font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bullhorn fa-2x mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Advertisements")))))); }