function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#FAFAFA] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F0F3] w-full max-w-[350px] rounded-xl shadow-xl overflow-hidden", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-[200px]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./album-cover.jpg", alt: "Colorful album cover displayed on an iOS music player", className: "object-cover w-full h-full", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-6", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl font-semibold font-sans mb-1", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Song Title"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-sans text-[#8E8E93] mb-5", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Artist Name"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-3xl text-[#FF2D55]", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "❤️"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "◀️"), /*#__PURE__*/ React.createElement("span", { className: "text-4xl text-[#007AFF]", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "⏸"), /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "▶️")), /*#__PURE__*/ React.createElement("span", { className: "text-2xl text-[#FF2D55]", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "★"))))); }