Current File : /home/opti/www/startup-life/assets/DragDropBox-3f5c4e15.js
import{P as r,r as l,Q as f,j as e}from"./index-5492fbe1.js";import{S as j}from"./ImgIcon-9b978e7d.js";import{u as y}from"./index-b50c944e.js";import{j as h}from"./joinClasses-adfcc520.js";import{B as D}from"./Box-263f925f.js";import"./tslib.es6-ace8e431.js";const I=({logo:i,setLogo:o,containerClasses:n,handleChange:a})=>{const[c,p]=l.useState(""),m=l.useCallback(g=>{const s=g[0];o&&o(s),console.log(s);let t=new FileReader;if(s){if(s.size>2*1024*1024){console.log("processed"),f.error("Error: File size exceeds the allowed limit.");return}t.readAsDataURL(s),t.onload=()=>{a&&a(t.result.split("base64,")[1])}}const u=URL.createObjectURL(s);p(u)},[]),{getRootProps:d,getInputProps:x}=y({onDrop:m,accept:"image/*",multiple:!1});return e.jsxs("div",{className:h("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-[100%] w-[100%]"}):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"})]})]})};I.propTypes={logo:r.any,setLogo:r.func,handleChange:r.func,containerClasses:r.string};export{I as default};
Mini Shell