@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.15 kB
JavaScript
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/icons-material"),i=require("@mui/material"),o=require("../Select/StyledSelect.variant-helpers.js");const r=i.styled(i.MenuItem)(({theme:e,sizing:t})=>({...{...o.selectItemBaseStyles(e,t)},"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.hover},"&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&.Mui-selected":{backgroundColor:e.custom.palette.interaction.press,"&.Mui-focusVisible":{backgroundColor:e.custom.palette.interaction.press},"&:hover":{backgroundColor:e.custom.palette.interaction.press}},"&.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled":{backgroundColor:e.custom.palette.input.default,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:e.custom.palette.interaction.disabled}}}));module.exports=({children:o,selected:s,...l})=>e.jsx(r,{...l,children:e.jsxs(i.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",gap:2,children:[e.jsx(i.Box,{children:o}),e.jsx(i.Box,{sx:{display:"flex",alignItems:"center"},children:e.jsx(t.Check,{sx:{visibility:s?"visible":"hidden",fontSize:"16px"}})})]})});