/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f4f4f4]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#ffffff] shadow-md", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-epilogue text-[#121212]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Podcast Shelf"))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 7, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-base text-[#666666] mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Load and play podcasts from an RSS feed"), /*#__PURE__*/ React.createElement("input", { type: "url", placeholder: "Enter RSS feed URL", className: "px-4 py-2 border rounded-l w-[300px] sm:w-[400px] lg:w-[500px]", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#4e4e4e] text-white px-4 py-2 border rounded-r hover:bg-[#626262]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Load"))), /*#__PURE__*/ React.createElement("div", { className: "flex overflow-x-scroll no-scrollbar mt-8", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-w-[200px] bg-white shadow-md rounded-lg m-2", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[140px] bg-cover bg-center rounded-t-lg", style: { backgroundImage: `url('https://deow9bq0xqvbj.cloudfront.net/image-logo/5665676/Geoholics_Artwork_9xrriw_300x300.png')` }, __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("audio", { controls: true, className: "w-full h-10 bottom-0 absolute", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "path-to-audio.mp3", type: "audio/mpeg", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }), "Your browser does not support the audio element.")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-md text-[#121212]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Podcast Title"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-sm text-[#666666]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Podcast description goes here...")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2c2c2c]", __source: { fileName: "", lineNumber: 41, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-sm text-center text-white", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "© 2023 Podcast Shelf. All rights reserved."))));