1 files changed, 33 insertions, 0 deletions

diff --git a/docusaurus/src/components/InputMathProblems.tsx b/docusaurus/src/components/InputMathProblems.tsx
new file mode 100644
index 0000000..c7b49ce
--- /dev/null
+++ b/docusaurus/src/components/InputMathProblems.tsx
@@ -0,0 +1,33 @@
+/**
+ * @license
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ * This file is part of Wolfree.
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
+ */
+
+import React from "react";
+import TextField from "@mui/material/TextField";
+// TextField API - Material UI
+// https://mui.com/material-ui/api/text-field/
+
+const InputMathProblems = ({
+  autoFocus = Boolean(),
+  defaultValue = String(),
+}) => (
+  <TextField
+    name="i"
+    type="search"
+    autoCapitalize="off"
+    autoComplete="off"
+    autoCorrect="off"
+    spellCheck="false"
+    inputProps={{ enterkeyhint: "go" }}
+    autoFocus={autoFocus}
+    label="&nbsp; Input math problems"
+    variant="outlined"
+    fullWidth
+    defaultValue={defaultValue}
+  />
+);
+
+export default InputMathProblems;