@mojito-inc/secondary-market/esm/component/AccordionComponent.js

Mojito secondary market is the platform to purchase NFT.

import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"@mui/material/Accordion";import i from"@mui/material/AccordionSummary";import r from"@mui/material/AccordionDetails";import n from"@mui/material/Typography";import l from"@mui/material/Box";import a,{checkboxClasses as p}from"@mui/material/Checkbox";import m from"@mui/material/FormControlLabel";import d from"@mui/material/InputAdornment";import c from"@mui/material/TextField";import s from"@mui/icons-material/Search";import x from"@mui/icons-material/KeyboardArrowDown";import{useTheme as u}from"@mui/material/styles";const h=({title:h,search:f,onChangeSearch:g,options:S,handleToggleOption:y,selectedOptions:v,renderSearch:b,headingTitle:z})=>{var C,I;const A=u();return e("div",{style:{display:"flex",flexDirection:"column",borderBottom:"1px solid #54585F",paddingBottom:"10px"},children:[z&&o(n,{variant:"body1",sx:{fontSize:"16px",fontWeight:"bold",textTransform:"uppercase",letterSpacing:"0.8px",marginTop:"15px",position:"relative",zIndex:1},children:z}),e(t,{sx:{boxShadow:"none"},children:[e(i,{sx:{padding:"0",width:"100%",position:"relative",zIndex:1},expandIcon:o(x,{sx:{fontSize:"16px",color:A.palette.grey[500]}}),"aria-controls":"panel1-content",id:"panel1-header",children:[o(n,{sx:{fontSize:"14px"},children:h.charAt(0).toUpperCase()+h.substring(1,h.length)}),o(n,{sx:{fontSize:"14px",position:"absolute",right:"28px",color:A.palette.grey[500]},children:null!==(C=null==S?void 0:S.length)&&void 0!==C?C:0})]}),e(r,{sx:{padding:"0"},children:[b&&o(c,{placeholder:"Search...",sx:{width:"100%",marginBottom:"10px","& .MuiInputBase-input::placeholder":{fontSize:"16px"}},"data-testid":"list-search-text-field",value:f[h],onChange:e=>g(e,h),autoComplete:"off",InputProps:{style:{height:"40px",padding:"0 10px"},startAdornment:o(d,{position:"start",children:o(s,{sx:{color:null===(I=null==A?void 0:A.palette)||void 0===I?void 0:I.grey[500],fontSize:"22px"}})})}}),S.map(((t,i)=>e(l,{onClick:e=>y(e,t,h),sx:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer"},children:[o(m,{control:o(a,{sx:{[`&, &.${p.checked}`]:{color:A.palette.primary.main},"& .MuiSvgIcon-root":{fontSize:24}},checked:null==v?void 0:v.includes(t.value)}),label:o(n,{sx:{fontSize:"16px",marginTop:"2px"},children:t.title})}),t.count&&o(n,{sx:{fontSize:"14px",color:A.palette.grey[500]},children:t.count})]},null==i?void 0:i.toString())))]})]})]})};export{h as default};