function MainComponent() { const [questions, setQuestions] = React.useState([ { question: "What is your first pet's name?", answer: "Whiskers" }, { question: "In what city were you born?", answer: "New York" }, { question: "What is your mother's maiden name?", answer: "Smith" }, { question: "What was the make of your first car?", answer: "Toyota" }, { question: "What was your high school mascot?", answer: "Eagles" } ]); const handleCSVUpload = (event)=>{ const file = event.target.files[0]; const reader = new FileReader(); reader.onload = (e)=>{ const text = e.target.result; const rows = text.split('\n').map((row)=>row.split(',')); const newQuestions = rows.map((row)=>({ question: row[0], answer: row[1] })); setQuestions((prevQuestions)=>[ ...prevQuestions, ...newQuestions ]); }; reader.readAsText(file); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center my-8", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-4xl", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Security Check LLM App")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center px-4 py-2 bg-[#F0F0F0]", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#007BFF] font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/new-project", className: "text-[#007BFF] font-roboto ml-auto", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Add Question")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 my-8", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "px-6 py-2 bg-[#007BFF] text-white font-roboto rounded cursor-pointer", type: "file", onChange: handleCSVUpload, accept: ".csv", style: { display: 'none' }, id: "csvUpload", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "csvUpload", className: "px-6 py-2 bg-[#007BFF] text-white font-roboto rounded cursor-pointer", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "CSV Upload"), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 bg-[#28A745] text-white font-roboto rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Start Answer")), /*#__PURE__*/ React.createElement("div", { className: "my-8", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2 font-roboto bg-gray-200", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "Question"), /*#__PURE__*/ React.createElement("th", { className: "border px-4 py-2 font-roboto bg-gray-200", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "Answer"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, questions.map((item, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, item.question), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2 font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, item.answer))))))); }

Question	Answer
What is your first pet's name?	Whiskers
In what city were you born?	New York
What is your mother's maiden name?	Smith
What was the make of your first car?	Toyota
What was your high school mascot?	Eagles