function MainComponent() { const handleUpgrade = ()=>{ console.log("Upgrade Per Customer Base Amount"); }; const handleLike = (role)=>{ console.log(`${role} liked`); }; const handleShare = (role)=>{ console.log(`${role} shared`); }; const handleView = (role)=>{ console.log(`${role} viewed`); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 min-h-screen p-4 font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-900 text-white p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Advertising Agency App")), /*#__PURE__*/ React.createElement("main", { className: "my-4 space-y-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-white p-4 rounded shadow-md", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Advertising Agency"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded w-full", onClick: handleUpgrade, __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Upgrade Per Customer Base Amount")), /*#__PURE__*/ React.createElement("section", { className: "bg-white p-4 rounded shadow-md", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Advertiser"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-row justify-between", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded", onClick: ()=>handleLike("Advertiser"), __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-thumbs-up mr-2", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }), "Like"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", onClick: ()=>handleShare("Advertiser"), __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share-alt mr-2", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }), "Share"), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded", onClick: ()=>handleView("Advertiser"), __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye mr-2", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }), "View"))), /*#__PURE__*/ React.createElement("section", { className: "bg-white p-4 rounded shadow-md", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Advertising Agency Agent"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-row justify-between", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded", onClick: ()=>handleLike("Advertising Agency Agent"), __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-thumbs-up mr-2", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }), "Like"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", onClick: ()=>handleShare("Advertising Agency Agent"), __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share-alt mr-2", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }), "Share"), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded", onClick: ()=>handleView("Advertising Agency Agent"), __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye mr-2", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }), "View"))))); }