function MainComponent() { const sales = 1234; const conversionRate = 5.4; const averagePrice = 123.45; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-8 bg-gray-100", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center text-gray-900 font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "EC Dashboard")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-800 font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Sales"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-gray-900 mt-2 font-crimson-text", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, sales)), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-800 font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Conversion Rate"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-gray-900 mt-2 font-crimson-text", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, conversionRate, "%")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-800 font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Average Price"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-gray-900 mt-2 font-crimson-text", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "$", averagePrice.toFixed(2))))); }