@cgi-learning-hub/ui/dist/components/Dropzone/Dropzone.cjs.js

@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features

"use strict";const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-IET9soda.cjs"),g=require("../../index-DIyAQH20.cjs"),x=require("../../Stack-CIyfgZCM.cjs"),i=require("../../Typography-CSTmKyr8.cjs"),y=o.createSvgIcon(e.jsx("path",{d:"M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"}),"FileUpload"),j=o.createSvgIcon(e.jsx("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z"}),"UploadFile"),m=({defaultLabel:t="Glisser et déposer des fichiers ici, ou cliquer pour sélectionner des fichiers",dragLabel:s="Déposer les fichiers ici",information:c,width:a,height:d,slotProps:r={},...l})=>{var n;const{getRootProps:h,getInputProps:p,isDragActive:u}=g.useDropzone(l);return e.jsxs(x.Stack,{direction:"column",justifyContent:"center",alignItems:"center",spacing:1,width:a??"18rem",height:d??"auto",padding:1,border:"1px dashed",borderColor:"grey.main",borderRadius:1,sx:{cursor:"pointer",...(n=r.root)==null?void 0:n.sx},...h(),children:[e.jsx("input",{...p(),...r.input}),u?e.jsxs(e.Fragment,{children:[e.jsx(y,{color:"primary",...r.icon}),e.jsx(i.Typography,{...r.label,children:s})]}):e.jsxs(e.Fragment,{children:[e.jsx(j,{color:"primary",...r.icon}),e.jsx(i.Typography,{...r.label,children:t}),c?e.jsx(i.Typography,{variant:"body2",color:"grey",...r.information,children:c}):null]})]})};module.exports=m;