Current File : /home/opti/www/startup-life/assets/DragDropBox-e5e2f9c1.js
import{P as r,r as t,Q as u,j as e}from"./index-5492fbe1.js";import{S as j}from"./ImgIcon-9b978e7d.js";import{u as h}from"./index-b50c944e.js";import{j as y}from"./joinClasses-adfcc520.js";import{B as D}from"./Box-263f925f.js";const b=({setValue:o,containerClasses:a,logo:l,setLogo:n})=>{const[i,c]=t.useState(""),p=t.useCallback(x=>{const s=x[0],g=2;if(s&&s.size>g*1024*1024){console.log("processed"),u.error("Error: File size exceeds the allowed limit.");return}o("banner",s),n(s);const f=URL.createObjectURL(s);c(f)},[]),{getRootProps:m,getInputProps:d}=h({onDrop:p,accept:"image/*",multiple:!1});return e.jsxs("div",{className:y("w-[28.6875rem] h-[16.43169rem]",a),style:{borderRadius:"0.5rem",border:"2px dashed var(--grayscale-line, #D9DBE9)",background:"#FFF",display:"flex",justifyContent:"center",alignItems:"center"},...m(),children:[e.jsx("input",{...d()}),l?e.jsx("img",{src:i,alt:"logo",className:"logoImage h-full w-full"}):e.jsxs("div",{className:"text-center",children:[e.jsx(D,{sx:{display:"flex",justifyContent:"center",mb:".75rem"},children:e.jsx(j,{})}),e.jsxs("p",{className:"dragdroptext01 text-lg",children:[e.jsx("span",{className:"!text-primary",children:"Drag"})," or"," ",e.jsx("span",{className:"!text-primary",children:"Drop"})," your file here"]}),e.jsx("p",{className:"dragdroptext02 mt-1 text-md",children:"Upload all types of files"})]})]})};b.propTypes={logo:r.any,setLogo:r.func,handleChange:r.func,containerClasses:r.string};export{b as D};
Mini Shell