function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-2/3 lg:w-1/2 p-4 shadow-lg bg-white m-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212] text-xl mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Music Player"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/album_cover.jpg", alt: "Album cover", className: "w-[200px] h-[200px] md:w-[150px] md:h-[150px] mx-auto mb-4 md:mb-0 md:mr-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#666] mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Now Playing: ", /*#__PURE__*/ React.createElement("span", { className: "text-[#121212]", __source: { fileName: "", lineNumber: 9, columnNumber: 70 }, __self: this }, "Song Title - Artist Name")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-2xl text-[#007bff]", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-backward", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-3xl text-[#007bff] mx-4", __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-play", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-2xl text-[#007bff]", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-forward", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("input", { type: "range", name: "song-progress", className: "w-full", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }))))); }