import{d as r}from"https://cdn.shopify.com/oxygen-v2/26437/10785/22343/1653408/build/_shared/chunk-GFXNKJ5U.js";import{a as l}from"https://cdn.shopify.com/oxygen-v2/26437/10785/22343/1653408/build/_shared/chunk-34QOOIQ4.js";import{a as s}from"https://cdn.shopify.com/oxygen-v2/26437/10785/22343/1653408/build/_shared/chunk-LL6AKNEK.js";import{a as g}from"https://cdn.shopify.com/oxygen-v2/26437/10785/22343/1653408/build/_shared/chunk-LQ2PFFE3.js";import{d as t}from"https://cdn.shopify.com/oxygen-v2/26437/10785/22343/1653408/build/_shared/chunk-H7QMOPDN.js";var m=t(g());var a=t(s()),x=(0,m.memo)(({field:e,placeholder:p,className:u,handleChange:c,handleBlur:v,values:d,errors:n,touched:h})=>{let o=h[e]&&n[e];return(0,a.jsxs)("div",{className:"relative flex w-full pb-5",children:[(0,a.jsx)(r.TextInput,{name:e,onChange:c,onBlur:v,placeholder:p,value:d[e],className:l(o?"border-red":"",u)}),o&&(0,a.jsx)("p",{className:"absolute left-0 top-12 text-sm text-red",children:n[e]})]})});export{x as a};