import React from "react"; function Input({ type = "text", inputMode = "text", value, maxLength, regex, onChange, name, align, direction, placeholder, }) { return ( onChange(e.target.name, (e.target.value = regex(e.target.value))) } className={`w-full outline-none border border-solid border-gray-200 focus:border-primary-7 focus:bg-secondary-9 bg-gray-50 rounded-lg placeholder:text-gray-400 focus:text-secondary-8 text-2x p-6 font-2`} style={{ direction, textAlign: align, }} /> ); } export default Input;