function CodeEditor({ code = "", language = "python", onRun = ()=>{}, output = "", loading = false }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e1e1e] rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center px-4 py-2 bg-[#2d2d2d]", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-300 font-mono", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, language), /*#__PURE__*/ React.createElement("button", { onClick: onRun, disabled: loading, className: "px-4 py-1 bg-blue-500 hover:bg-blue-600 text-white rounded font-roboto text-sm", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, loading ? "Running..." : "Run Code")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full bg-transparent text-gray-300 font-mono resize-none focus:outline-none min-h-[200px]", value: code, spellCheck: "false", onChange: (e)=>onCodeChange?.(e.target.value), __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }))), output && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-roboto text-gray-600 mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Output:"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded font-mono text-sm", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, output))); } function CodeEditorStory() { const [code, setCode] = useState('print("Hello World!")'); const [output, setOutput] = useState(""); const [loading, setLoading] = useState(false); const handleRun = useCallback(()=>{ setLoading(true); setTimeout(()=>{ setOutput("Hello World!"); setLoading(false); }, 1000); }, []); return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, "Code Editor"), /*#__PURE__*/ React.createElement(CodeEditor, { code: code, language: "python", onRun: handleRun, output: output, loading: loading, onCodeChange: setCode, __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this })); } function ProgressTracker({ total, completed, color = "blue" }) { const percentage = Math.min(100, Math.round(completed / total * 100)) || 0; return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, `${completed} of ${total} completed`), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, percentage, "%")), /*#__PURE__*/ React.createElement("div", { className: "h-2 w-full bg-gray-200 rounded-full", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `h-full rounded-full bg-${color}-500 transition-all duration-300 ease-in-out`, style: { width: `${percentage}%` }, __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }))); } function ProgressTrackerStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8 p-4", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProgressTracker, { total: 10, completed: 3, color: "blue", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ProgressTracker, { total: 5, completed: 5, color: "green", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ProgressTracker, { total: 8, completed: 2, color: "purple", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ProgressTracker, { total: 3, completed: 0, color: "red", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this })); } function CodeBlock({ language = "java", code = "" }) { const [copied, setCopied] = useState(false); const handleCopy = ()=>{ navigator.clipboard.writeText(code); setCopied(true); setTimeout(()=>setCopied(false), 2000); }; const languageThemes = { java: { keywords: /\b(public|private|protected|class|interface|extends|implements|return|if|else|while|for|new|static|void|int|String)\b/g, comments: /(\/\/.*$)|(\/\*[\s\S]*?\*\/)/gm, strings: /(["'])((?:(?!\1)[^\\]|\\[\s\S])*?)(\1)/g }, python: { keywords: /\b(def|class|import|from|as|return|if|else|while|for|in|try|except|True|False|None)\b/g, comments: /#.*$/gm, strings: /(["'])((?:(?!\1)[^\\]|\\[\s\S])*?)(\1)/g }, cpp: { keywords: /\b(int|float|double|char|void|return|if|else|while|for|class|struct|template|namespace|using|std|string|vector|auto)\b/g, comments: /(\/\/.*$)|(\/\*[\s\S]*?\*\/)/gm, strings: /(["'])((?:(?!\1)[^\\]|\\[\s\S])*?)(\1)/g } }; const highlightCode = (code, language)=>{ let highlightedCode = code; const theme = languageThemes[language]; if (theme) { highlightedCode = highlightedCode.replace(theme.keywords, (match)=>`${match}`).replace(theme.comments, (match)=>`${match}`).replace(theme.strings, (match)=>`${match}`); } return { __html: highlightedCode }; }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center px-4 py-2 bg-gray-800", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 font-mono text-sm", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, language), /*#__PURE__*/ React.createElement("button", { onClick: handleCopy, className: "text-gray-400 hover:text-white px-2 py-1 rounded text-sm", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, copied ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-check", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("pre", { className: "p-4 overflow-x-auto", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "font-mono text-sm text-gray-300", dangerouslySetInnerHTML: highlightCode(code, language), __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this })))); } function CodeBlockStory() { const javaExample = `public class HelloWorld { public static void main(String[] args) { // This is a comment String message = "Hello, World!"; System.out.println(message); } }`; const pythonExample = `def greet(name): # This is a comment message = "Hello, " + name + "!" return message print(greet("World"))`; const cppExample = `#include using namespace std; int main() { // This is a comment string message = "Hello, World!"; cout << message << endl; return 0; }`; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8 p-8 bg-gray-100", __source: { fileName: "", lineNumber: 108, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CodeBlock, { language: "java", code: javaExample, __source: { fileName: "", lineNumber: 109, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(CodeBlock, { language: "python", code: pythonExample, __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(CodeBlock, { language: "cpp", code: cppExample, __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this })); } function Navigation({ currentPath = "/" }) { const links = [ { href: "/", label: "Home" }, { href: "/questions", label: "Questions" }, { href: "/profile", label: "Profile" } ]; return /*#__PURE__*/ React.createElement("nav", { className: "bg-gray-800 p-4", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white font-bold text-xl font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code mr-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }), "LeetPrep"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, links.map(({ href, label })=>/*#__PURE__*/ React.createElement("a", { key: href, href: href, className: `px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200 ${currentPath === href ? "bg-gray-900 text-white" : "text-gray-300 hover:bg-gray-700 hover:text-white"}`, __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, label))))); } function NavigationStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Navigation, { currentPath: "/", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Navigation, { currentPath: "/questions", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Navigation, { currentPath: "/profile", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this })); } function SolutionExplanation({ steps = [] }) { const [currentStep, setCurrentStep] = useState(0); return /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto p-6 font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-8", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/3", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 rounded-lg p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, steps.map((step, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-3 mb-2 rounded-md cursor-pointer transition-colors ${currentStep === index ? "bg-blue-500 text-white" : "hover:bg-gray-200"}`, onClick: ()=>setCurrentStep(index), __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, "Step ", index + 1, ":"), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, step.title))))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-2/3", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, steps[currentStep] && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, steps[currentStep].title), /*#__PURE__*/ React.createElement("img", { src: steps[currentStep].diagram, alt: `Diagram for ${steps[currentStep].title}`, className: "w-full rounded-lg mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 leading-relaxed", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, steps[currentStep].explanation))))); } function SolutionExplanationStory() { const exampleSteps = [ { title: "Understanding the Problem", diagram: "/step1-diagram.png", explanation: "First, we need to break down the problem into smaller parts. This diagram shows the key components we'll be working with." }, { title: "Planning the Solution", diagram: "/step2-diagram.png", explanation: "Next, we'll create a plan of action. The diagram illustrates our approach and the steps we'll take." }, { title: "Implementing the Solution", diagram: "/step3-diagram.png", explanation: "Now we can implement our solution. Follow the diagram to see how each piece fits together." } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 min-h-screen p-4", __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SolutionExplanation, { steps: exampleSteps, __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this })); } function MainComponent() { const [questions] = useState([ { id: 1, title: "Two Sum", category: "Arrays & Hashing", difficulty: "Easy", completed: false }, { id: 2, title: "Valid Parentheses", category: "Stack", difficulty: "Easy", completed: true }, { id: 3, title: "Merge K Sorted Lists", category: "Heap", difficulty: "Hard", completed: false } ]); const [searchQuery, setSearchQuery] = useState(""); const [selectedDifficulties, setSelectedDifficulties] = useState([]); const [selectedCategories, setSelectedCategories] = useState([]); const [sortBy, setSortBy] = useState("title"); const [sortOrder, setSortOrder] = useState("asc"); const categories = useMemo(()=>[ ...new Set(questions.map((q)=>q.category)) ], [ questions ]); const difficulties = [ "Easy", "Medium", "Hard" ]; const filteredQuestions = useMemo(()=>{ let filtered = questions.filter((q)=>{ const matchesSearch = q.title.toLowerCase().includes(searchQuery.toLowerCase()); const matchesDifficulty = selectedDifficulties.length === 0 || selectedDifficulties.includes(q.difficulty); const matchesCategory = selectedCategories.length === 0 || selectedCategories.includes(q.category); return matchesSearch && matchesDifficulty && matchesCategory; }); filtered.sort((a, b)=>{ const aValue = a[sortBy]; const bValue = b[sortBy]; if (sortOrder === "asc") { return aValue > bValue ? 1 : -1; } return aValue < bValue ? 1 : -1; }); return filtered; }, [ questions, searchQuery, selectedDifficulties, selectedCategories, sortBy, sortOrder ]); const toggleDifficulty = (difficulty)=>{ setSelectedDifficulties((prev)=>prev.includes(difficulty) ? prev.filter((d)=>d !== difficulty) : [ ...prev, difficulty ]); }; const toggleCategory = (category)=>{ setSelectedCategories((prev)=>prev.includes(category) ? prev.filter((c)=>c !== category) : [ ...prev, category ]); }; const getDifficultyColor = (difficulty)=>{ const colors = { Easy: "text-green-500", Medium: "text-yellow-500", Hard: "text-red-500" }; return colors[difficulty] || "text-gray-500"; }; const stats = useMemo(()=>({ total: questions.length, completed: questions.filter((q)=>q.completed).length, byDifficulty: difficulties.reduce((acc, diff)=>({ ...acc, [diff]: questions.filter((q)=>q.difficulty === diff && q.completed).length }), {}) }), [ questions ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-6", __source: { fileName: "", lineNumber: 107, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, "Coding Questions"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search questions...", className: "pl-10 pr-4 py-2 rounded-lg border focus:outline-none focus:ring-2 focus:ring-blue-500", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-3 top-3 text-gray-400", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 mb-8", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, stats.total), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, "Total Questions")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold text-green-500", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, stats.byDifficulty.Easy || 0, "/25"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, "Easy Completed")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold text-yellow-500", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, stats.byDifficulty.Medium || 0, "/30"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, "Medium Completed")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold text-red-500", __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, stats.byDifficulty.Hard || 0, "/20"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, "Hard Completed"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6 flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, difficulties.map((difficulty)=>/*#__PURE__*/ React.createElement("button", { key: difficulty, onClick: ()=>toggleDifficulty(difficulty), className: `px-4 py-2 rounded-full ${selectedDifficulties.includes(difficulty) ? "bg-blue-500 text-white" : "bg-gray-200 text-gray-700"}`, __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, difficulty))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 161, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(ProgressTracker, { total: 75, completed: stats.completed, color: "blue", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-4 gap-4", __source: { fileName: "", lineNumber: 171, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: sortBy, onChange: (e)=>setSortBy(e.target.value), className: "px-3 py-2 border rounded-lg", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "title", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, "Title"), /*#__PURE__*/ React.createElement("option", { value: "difficulty", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, "Difficulty"), /*#__PURE__*/ React.createElement("option", { value: "category", __source: { fileName: "", lineNumber: 179, columnNumber: 17 }, __self: this }, "Category")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSortOrder((prev)=>prev === "asc" ? "desc" : "asc"), className: "px-3 py-2 border rounded-lg flex items-center gap-2", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }, sortOrder === "asc" ? "Ascending" : "Descending"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-sort-${sortOrder === "asc" ? "up" : "down"}`, __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 194, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 195, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 196, columnNumber: 19 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, "Title"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }, "Category"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }, "Difficulty"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, filteredQuestions.map((question)=>/*#__PURE__*/ React.createElement("tr", { key: question.id, className: "hover:bg-gray-50 cursor-pointer", onClick: ()=>window.location.href = `/question/${question.id}`, __source: { fileName: "", lineNumber: 212, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 219, columnNumber: 21 }, __self: this }, question.completed ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500", __source: { fileName: "", lineNumber: 221, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "far fa-circle text-gray-300", __source: { fileName: "", lineNumber: 223, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 226, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 227, columnNumber: 23 }, __self: this }, question.title)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 231, columnNumber: 21 }, __self: this }, question.category), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 232, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: getDifficultyColor(question.difficulty), __source: { fileName: "", lineNumber: 233, columnNumber: 23 }, __self: this }, question.difficulty)))))))))); }

Title	Category	Difficulty
Merge K Sorted Lists	Heap	Hard
Two Sum	Arrays & Hashing	Easy
Valid Parentheses	Stack	Easy