import { Label } from "@mui/icons-material";
import { TextField, Box } from "@mui/material";

const TextInputField = ({ placeholder, value, setValue }) => {
  return (
    <Box className="d-flex flex-column">
      <label for="limit-input" className="text-left">
        {placeholder} :-
      </label>
      <TextField
        className="rounded h6 bg-white"
        type="text"
        placeholder={placeholder}
        id="limit-input"
        autoComplete="off"
        value={value}
        onChange={(e) => setValue(e.target.value)}
      />
    </Box>
  );
};

export default TextInputField;
