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]",
};