function RevenueDisplayDesign({ title, amount }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4f4f4] p-6 m-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#424242] font-roboto text-lg", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-[#757575] font-roboto text-lg flex items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-dollar-sign mr-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), amount)); } function RevenueDisplayDesignStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(RevenueDisplayDesign, { title: "Revenue", amount: "50,000", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function FinancialStatusDisplay() { return /*#__PURE__*/ React.createElement("div", { className: "text-center mb-2", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#121212] font-roboto text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Financial Status")); } function FinancialStatusDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FinancialStatusDisplay, { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5dc] min-h-screen p-10", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FinancialStatusDisplay, { title: "Financial Status", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-10", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(RevenueDisplayDesign, { title: "Total Revenue", amount: "100,000", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(RevenueDisplayDesign, { title: "Net Income", amount: "70,000", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(RevenueDisplayDesign, { title: "Expenses", amount: "30,000", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }))); }