function MainComponent({ title, period, stats }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4 w-[300px]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 text-gray-700 px-3 py-1 rounded-full font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, period)), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, stats.map((stat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `text-2xl ${stat.isIncrease ? "text-blue-500" : "text-orange-500"}`, __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${stat.isIncrease ? "fa fa-arrow-up" : "fa fa-arrow-down"}`, __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, stat.value)), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-roboto mt-2", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, stat.description), index < stats.length - 1 && /*#__PURE__*/ React.createElement("hr", { className: "my-2", __source: { fileName: "", lineNumber: 16, columnNumber: 42 }, __self: this }))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center my-10", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { title: "Lorem ipsum", period: "Week", stats: [ { value: 1974, description: "Dolor sit amet, consectetuer adipiscing elit", isIncrease: true }, { value: 287, description: "Vel illum dolore eu feugiat nulla facilisis at vero", isIncrease: false } ], __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this })); }