softchatjs-react
Version:
Install the softchat-js SDKs
2 lines • 1.13 kB
JavaScript
import{useRef as x}from"react";import l from"./menu.module.module.css";import{HiPhoto as h}from"react-icons/hi2";import t from"../text/text.module.module.css";import{jsx as p}from"react/jsx-runtime";var f=e=>{let o={bold:t.textBold,medium:`${t.textMedium}`},s={sm:t.textSmall,md:t.textSizeMd,xs:t.textExtraSmall};return p("p",{style:e.styles,className:`${t.text} ${o[e.weight||"medium"]} ${s[e.size||"md"]}`,children:e.text})},m=f;import{jsx as n,jsxs as r}from"react/jsx-runtime";var N=e=>n("div",{ref:e.generalMenuRef,className:l.menu,children:e.element}),T=({onChange:e,setFiles:o,closeGeneralMenu:s})=>{let d=x(),c=[{icon:n(h,{size:24,color:"white"}),title:"Photo"}],u=i=>{s();let a=i.target.files;o(Array.from(a))};return n("div",{className:l.attachment,children:c.map((i,a)=>n("label",{htmlFor:"upload",children:r("div",{className:l.attachment__item,children:[r("div",{style:{marginRight:"10px"},children:[" ",i.icon]}),n("input",{onChange:u,ref:d,type:"file",hidden:!0,id:"upload"}),n(m,{styles:{marginBottom:"3px"},size:"sm",text:i.title})]})},a))})};export{T as AttachmentMenu,N as Menu};
//# sourceMappingURL=index.mjs.map