function PdfFileInputComponent({ name, accept, multiple, className }) { return /*#__PURE__*/ React.createElement("input", { type: "file", name: name, accept: accept, multiple: multiple, className: `file:bg-[#1890ff] file:border-none file:text-white file:p-2 ${className}`, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function PdfFileInputComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PdfFileInputComponent, { name: "pdfFiles", accept: "application/pdf", multiple: true, className: "", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MainComponent() { const [selectedTopic, setSelectedTopic] = React.useState(''); const handleTopicChange = (event)=>{ setSelectedTopic(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); window.location.href = `/files?topic=${selectedTopic}`; }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4 max-w-md mx-auto", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(PdfFileInputComponent, { name: "pdfFiles", accept: "application/pdf", multiple: true, className: "w-full", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "topic", value: selectedTopic, onChange: handleTopicChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Select a topic"), /*#__PURE__*/ React.createElement("option", { value: "ML", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "ML"), /*#__PURE__*/ React.createElement("option", { value: "DATABASE", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "DATABASE")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white p-2 rounded hover:bg-blue-600 w-full", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Submit"))); }