import React from "react"; import { useState } from "react"; import fixNumbers from "./fixNumbers"; const FormFields = ({ defaultValue, set, label, borderClassname, inputClassname, type, maxLength, max, min, register, onClick, }) => { const [value, setValue] = useState(defaultValue); return (
{label}
{type !== "textarea" ? ( { let value = e.target.value; if (type === "number") value = fixNumbers(value).replace(/[^\d.-]/g, ""); if (maxLength && value.length > maxLength) value = value.slice(0, maxLength); if (!isNaN(max) && +e.target.value > max) value = max; if (!isNaN(min) && +e.target.value < min) value = min; e.target.value = value; }} className={`rtl w-full h-full px-4 py-2 outline-0 text-xs rounded-md text-[#0F0543] focus:bg-white border-[#E0E0E0] focus:border-[#2483E1] focus:ring-transparent ${value === "" ? "bg-red-200 " : "bg-[#F9F9F9] "} `} onChange={(e) => setValue(e.target.value)} inputMode={type === "number" ? "numeric" : ""} /> ) : ( )}
); }; export default FormFields; FormFields.defaultProps = { // borderClassname: "border-[#E0E0E0]", };