import React from "react"; import TextField from "@material-ui/core/TextField"; import { makeStyles } from "@material-ui/core/styles"; export default function FormPropsTextFields(props) { const useStyles = makeStyles((theme) => ({ root: { "& .MuiTextField-root": { width: "100%", position: "relative", marginRight: 10, "& input": { textAlign: props.align, direction: props.align === "right" ? "rtl" : "ltr", }, fontFamily: "numeralLight", }, }, })); const classes = useStyles(); const { parent, defaultValue, maxLength, inputMode, onInput, variant } = props; return (
); } FormPropsTextFields.defaultProps = { align: "right", maxLength: "", inputMode: "numeric", defaultValue: "", };