import{r as c,j as e}from"./wp-i18n-shim-DUX0OV_V.js";import{L as i}from"./label-CwRAQd0m.js";import{T as m}from"./trash-2-CS5zm_gd.js";import{c as n}from"./utils-Bl0WAcve.js";/**
 * @license lucide-react v0.525.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const x=[["path",{d:"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",key:"1tc9qg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]],d=n("camera",x),p=c.memo(({imagePath:t,onUpload:r,onRemove:s,title:a="Drag and drop an image or click to upload",subtitle:l="PNG, JPG, up to 5MB",maxHeight:o="max-h-40"})=>e.jsx("div",{className:"rtrb-services-image relative h-[210px] w-[200px] flex items-center justify-center p-0 border-2 border-dashed border-border rounded-lg min-h-[180px] text-center text-title2",role:"button",children:t?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:t||"/placeholder.svg",alt:"Selected",className:`${o} rounded object-cover max-h-full w-full h-full`}),e.jsx("button",{type:"button",onClick:s,className:"absolute top-2 right-2 text-title2 hover:text-red-600 transition w-[40px] h-[40px] flex items-center justify-center text-center bg-white rounded-full",title:"Remove Image",children:e.jsx(m,{className:"w-5 h-5"})})]}):e.jsxs("div",{onClick:r,className:"flex flex-col items-center justify-center w-full h-full cursor-pointer",children:[e.jsx(d,{className:"w-10 h-10 mb-2 text-center mx-auto"}),e.jsx("p",{className:"text-sm px-2 mb-1",children:a}),e.jsx("p",{className:"text-xs",children:l}),e.jsx(i,{className:"mt-2 cursor-pointer text-primary hover:underline",children:"Click to upload"})]})}));p.displayName="ImageUpload";export{p as I};
//# sourceMappingURL=ImageUpload-CcSoaEux.js.map
