Current File : /home/opti/www/startup-life/assets/DragDropBox-83c75688.js
import{P as t,r as l,Q as j,j as e}from"./index-5492fbe1.js";import{S as y}from"./ImgIcon-9b978e7d.js";import{u as h}from"./index-b50c944e.js";import{j as D}from"./joinClasses-adfcc520.js";import{B as b}from"./Box-263f925f.js";const v=({logo:i,setLogo:a,containerClasses:n,handleChange:o})=>{const[c,p]=l.useState(""),m=l.useCallback(u=>{const s=u[0],g=2;let r=new FileReader;if(s){if(s.size>g*1024*1024){console.log("processed"),j.error("Error: File size exceeds the allowed limit.");return}r.readAsDataURL(s),r.onload=()=>{a&&a(r.result.split("base64,")[1]),o&&o(r.result.split("base64,")[1])}}const f=URL.createObjectURL(s);p(f)},[]),{getRootProps:d,getInputProps:x}=h({onDrop:m,accept:"image/*",multiple:!1});return e.jsxs("div",{className:D("w-[28.6875rem] h-[16.43169rem]",n),style:{borderRadius:"0.5rem",border:"2px dashed var(--grayscale-line, #D9DBE9)",background:"#FFF",display:"flex",justifyContent:"center",alignItems:"center"},...d(),children:[e.jsx("input",{...x()}),i?e.jsx("img",{src:c,alt:"logo",className:"logoImage h-full w-full"}):e.jsxs("div",{className:"text-center",children:[e.jsx(b,{sx:{display:"flex",justifyContent:"center",mb:".75rem"},children:e.jsx(y,{})}),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"})]})]})};v.propTypes={logo:t.any,setLogo:t.func,handleChange:t.func,containerClasses:t.string};export{v as D};
Mini Shell