/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-6 bg-[#ffffff] border-b border-gray-200", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "space-x-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-epilogue text-xl text-[#121212] hover:text-[#0d0d0d]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-epilogue text-xl text-[#121212] hover:text-[#0d0d0d]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-epilogue text-xl text-[#121212] hover:text-[#0d0d0d]", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("h1", { className: "font-epilogue text-3xl text-[#121212]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, "Minimalist Video Player")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-6", __source: { fileName: "", lineNumber: 10, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-full", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#ffffff] shadow-lg rounded-lg p-6 w-full max-w-4xl", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("video", { controls: true, className: "w-full rounded", poster: "/video-thumbnail.jpg", src: "/example-video.mp4", alt: "Video preview image", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center w-full mt-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-sm font-barlow text-[#121212] bg-[#e0e0e0] rounded hover:bg-[#d0d0d0] focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), " Play"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-sm font-barlow text-[#121212] bg-[#e0e0e0] rounded hover:bg-[#d0d0d0] focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-pause", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }), " Pause"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-sm font-barlow text-[#121212] bg-[#e0e0e0] rounded hover:bg-[#d0d0d0] focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-stop", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), " Stop"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-sm font-barlow text-[#121212] bg-[#e0e0e0] rounded hover:bg-[#d0d0d0] focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-forward", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }), " Forward"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-sm font-barlow text-[#121212] bg-[#e0e0e0] rounded hover:bg-[#d0d0d0] focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-backward", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }), " Backward"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-sm font-barlow text-[#121212] bg-[#e0e0e0] rounded hover:bg-[#d0d0d0] focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-volume-up", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), " Volume Up"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 text-sm font-barlow text-[#121212] bg-[#e0e0e0] rounded hover:bg-[#d0d0d0] focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-volume-mute", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), " Mute"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "volume", className: "font-barlow text-sm text-[#121212] mr-2", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Volume:"), /*#__PURE__*/ React.createElement("input", { id: "volume", name: "volume", type: "range", min: "0", max: "100", className: "w-24 h-2 bg-[#d0d0d0] rounded-lg appearance-none cursor-pointer", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this })))))), /*#__PURE__*/ React.createElement("aside", { className: "bg-[#f8f8f8] p-6 border-t border-gray-200", __source: { fileName: "", lineNumber: 59, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-epilogue text-2xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, "Now Playing"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow text-[#121212]", __source: { fileName: "", lineNumber: 61, columnNumber: 5 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")));