mkA~(@^_^@)~PNG

   
IHDR   Ÿ   f   Õ†C1   
sRGB ®Îé   gAMA  ±üa   	pHYs  à  Ã
Ço¨d  GIDATx^íÜL”÷ð÷Yçªö("Bh_ò«®¸¢§q5kÖ*:þ0A­ºšÖ¥]VkJ¢M»¶f¸±8\k2íll£1]q®ÙÔ‚ÆT
p0
import{G as w,b as x,s as j,j as t,S as g}from"./index-DoU2MHKd.js";import{a as v,u as F,b,d as E}from"./index-m30_MRwT.js";import{u as y}from"./useTheme-DOOi9IXa.js";import{B as m}from"./Box-COt46hbf.js";function I(e){return w({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M1 8a2 2 0 0 1 2-2h.93a2 2 0 0 0 1.664-.89l.812-1.22A2 2 0 0 1 8.07 3h3.86a2 2 0 0 1 1.664.89l.812 1.22A2 2 0 0 0 16.07 6H17a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8Zm13.5 3a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM10 14a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z",clipRule:"evenodd"},child:[]}]})(e)}const B="data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%2053.3333C14.2288%2046.7269%2022.6854%2042.6667%2032%2042.6667C41.3146%2042.6667%2049.7712%2046.7269%2056%2053.3333M44%2020C44%2026.6274%2038.6274%2032%2032%2032C25.3726%2032%2020%2026.6274%2020%2020C20%2013.3726%2025.3726%208%2032%208C38.6274%208%2044%2013.3726%2044%2020Z'%20stroke='%23667085'%20stroke-width='1.67'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",R=({name:e})=>{var p;const{errors:i}=v(),{watch:a,getValues:r,setValue:l}=F(),[n,c]=x.useState([]),d=!!((p=i[e])!=null&&p.message),h=s=>{const o=s.target.files;o!=null&&o.length&&l(e,o)},C=()=>{const s=r(e),o=typeof s=="string"?[s]:Array.from(s).map(u=>{if(u.type.startsWith("image"))return URL.createObjectURL(u)});o&&c(o)};return x.useEffect(()=>{r(e)&&C()},[a(e)]),{handleOnChange:h,selectedFiles:n,isError:d}},k=j("input")({clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:1,overflow:"hidden",position:"absolute",inset:0,whiteSpace:"nowrap",width:1}),f={container:{width:"100%",maxWidth:"300px",overflow:"hidden",position:"relative",aspectRatio:"1 / 1.3",borderRadius:"20px",backgroundColor:"#ECEFF1",outline:"1px dashed #EBEBEB"},cameraIcon:{top:"16px",left:"16px",position:"absolute"}},U=({name:e,multiple:i,...a})=>{const{palette:r}=y(),{handleOnChange:l,selectedFiles:n,isError:c}=R({name:e,multiple:i});return t.jsx(b,{fullWidth:!0,error:c,children:t.jsxs(g,{gap:"14px",alignItems:"center",children:[t.jsxs(m,{tabIndex:-2,role:void 0,component:"label",sx:f.container,children:[t.jsx(g,{justifyContent:"center",alignItems:"center",sx:{height:"100%"},children:n.length>0?n.map((d,h)=>t.jsx("img",{alt:"",src:d,style:{width:"100%",height:"40%",objectFit:"contain",objectPosition:"center"}},h)):t.jsx("img",{src:B,width:64,height:64})}),t.jsx(m,{sx:f.cameraIcon,children:t.jsx(I,{color:r.secondary.main,size:20})}),t.jsx(k,{type:"file",onChange:l,...a})]}),t.jsx(E,{name:e})]})})};export{U as F};