summaryrefslogtreecommitdiffstats
path: root/docusaurus/src/components/InputMathProblems.tsx
blob: 27313d22ea8cbcd35480c83e2f7e7d6190d938f7 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
/* SPDX-License-Identifier: AGPL-3.0-or-later */

import React from "react";
import TextField from "@mui/material/TextField";

export default ({
  autoFocus = false,
  defaultValue = "",
}: Readonly<{
  autoFocus: boolean;
  defaultValue: string;
}>): React.JSX.Element => (
  <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}
  />
);

// TextField API - Material UI
// https://mui.com/material-ui/api/text-field/

// <input>: The Input (Form Input) element - HTML: HyperText Markup Language | MDN
// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input