%PDF-
%PDF-
Mini Shell
Mini Shell
import{P as s,j as e}from"./index-5492fbe1.js";import{S as x}from"./FileIcon-23592c30.js";import{s as j}from"./styled-components.browser.esm-ee37ee23.js";import{c as y}from"./index.esm-b6fe913b.js";import{C as l}from"./index-2c4b8b3c.js";import{j as F}from"./joinClasses-adfcc520.js";import{B as t}from"./Box-263f925f.js";const u=j.div`
.fileName {
color: var(--sub, #242424);
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.fileFormat {
color: var(--Gray-3, #828282);
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.035rem;
}
.file {
display: none;
}
.fileBtn {
height: 1.9375rem;
border-radius: 0.3125rem;
background: #F3F1F1;
color: var(--Gray-3, #828282);
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
white-space: nowrap;
}
`,b=({name:o="",label:m="",inputRef:i,handleFileChange:p,doc:c,disabled:h,accept:g,component:n,className:d})=>{const a=(r,f)=>{r.preventDefault(),f.current.click()};return e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"file",className:"file",ref:i,disabled:h,onChange:r=>p(r,o),accept:g??"image/png,image/jpeg",hidden:!0}),e.jsx(l,{appear:!n,children:e.jsx(u,{children:e.jsxs(t,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"1.5rem"},children:[e.jsxs(t,{sx:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(x,{}),e.jsxs(t,{children:[e.jsx("p",{className:"fileName",children:m}),e.jsx("p",{className:"fileFormat",children:"jpg, png. 2 MB"})]}),c&&e.jsx(y,{style:{width:"13.84px",height:"13.61px",color:"#27AE60"}})]}),e.jsx("button",{className:"!bg-[#F3F1F1] text-gray-500",onClick:r=>a(r,i),children:"Choose File"})]})})}),e.jsx(l,{appear:!!n,children:e.jsx("button",{className:F("!p-0 !bg-transparent !mt-2 border-0",d),onClick:r=>a(r,i),children:n})})]})};b.propTypes={name:s.string,label:s.string,inputRef:s.any,handleFileChange:s.any,doc:s.any,disabled:s.any};export{b as F};
Zerion Mini Shell 1.0