function MainComponent() { const [rating, setRating] = useState(0); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] p-8 rounded-lg shadow-xl", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#e0e0e0] font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Review Snippet"), /*#__PURE__*/ React.createElement("textarea", { name: "snippet", className: "w-full bg-[#1e1e1e] text-[#e0e0e0] rounded-md p-3 border border-[#333] focus:border-[#0ff] outline-none", rows: "4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#e0e0e0] font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Podcast Name"), /*#__PURE__*/ React.createElement("input", { name: "podcastName", type: "text", className: "w-full bg-[#1e1e1e] text-[#e0e0e0] rounded-md p-3 border border-[#333] focus:border-[#0ff] outline-none", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#e0e0e0] font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("input", { name: "date", type: "date", className: "w-full bg-[#1e1e1e] text-[#e0e0e0] rounded-md p-3 border border-[#333] focus:border-[#0ff] outline-none", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#e0e0e0] font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Rating"), /*#__PURE__*/ React.createElement("select", { name: "rating", value: rating, onChange: (e)=>setRating(e.target.value), className: "w-full bg-[#1e1e1e] text-[#e0e0e0] rounded-md p-3 border border-[#333] focus:border-[#0ff] outline-none", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, [ 0, 1, 2, 3, 4, 5 ].map((num)=>/*#__PURE__*/ React.createElement("option", { key: num, value: num, __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, num)))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#e0e0e0] font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Review Link"), /*#__PURE__*/ React.createElement("input", { name: "reviewLink", type: "url", className: "w-full bg-[#1e1e1e] text-[#e0e0e0] rounded-md p-3 border border-[#333] focus:border-[#0ff] outline-none", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#e0e0e0] font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Publication"), /*#__PURE__*/ React.createElement("input", { name: "publication", type: "text", className: "w-full bg-[#1e1e1e] text-[#e0e0e0] rounded-md p-3 border border-[#333] focus:border-[#0ff] outline-none", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "neon-button bg-[#1e1e1e] text-[#0ff] px-8 py-3 rounded-md border border-[#0ff] hover:bg-[#0ff] hover:text-[#1e1e1e] transition-colors duration-300", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Submit Review")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, ` .neon-button { box-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 20px #0ff; } .neon-button:hover { box-shadow: 0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px #0ff; } `)); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a0a] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 101, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this })); }