\r\n \r\n {\r\n if (error) {\r\n setErrors((prev) => ({\r\n ...prev,\r\n cardNumber: true,\r\n }));\r\n } else {\r\n setErrors((prev) => ({\r\n ...prev,\r\n cardNumber: false,\r\n }));\r\n }\r\n }}\r\n onFocus={() => handleFocus(\"cardNumber\")}\r\n onBlur={handleBlur}\r\n options={{\r\n style: {\r\n base: {\r\n fontSize: fontSizes.fontSize14,\r\n fontFamily: \"DM Sans\",\r\n color: \"#000\",\r\n \"::placeholder\": {\r\n color: \"#848382\",\r\n fontWeight: 300,\r\n fontFamily: \"DM Sans\",\r\n fontSize: fontSizes.fontSize14,\r\n },\r\n },\r\n invalid: {\r\n color: \"#18181B\",\r\n },\r\n },\r\n placeholder: \"16-digit card number\",\r\n }}\r\n />\r\n
\r\n