openstack-uicore-foundation/lib/components/mui/toggle-buttons.js

ui reactjs components for openstack marketing site

!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],o):"object"==typeof exports?exports["openstack-uicore-foundation"]=o():e["openstack-uicore-foundation"]=o()}(this,(()=>(()=>{"use strict";var e={8619:e=>{e.exports=require("@mui/material")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")}},o={};function r(t){var n=o[t];if(void 0!==n)return n.exports;var a=o[t]={exports:{}};return e[t](a,a.exports,r),a.exports}(()=>{r.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return r.d(o,{a:o}),o}})(),(()=>{r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})}})(),(()=>{r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var t={};r.r(t),r.d(t,{default:()=>d});var n=r(2015),a=r.n(n),u=r(8619),i=r(9825),l=r.n(i);const p=({options:e,value:o,onChange:r,color:t="primary"})=>a().createElement(u.ToggleButtonGroup,{value:o,color:t,exclusive:!0,onChange:(e,o)=>{null!==o&&r(o)},sx:e=>{var o;const r=(null===(o=e.palette[t])||void 0===o?void 0:o.main)??e.palette.primary.main;return{border:`1px solid ${r}`,overflow:"hidden","& .MuiToggleButtonGroup-grouped":{color:r,fontSize:"14px",padding:"2px 16px","&.Mui-selected":{backgroundColor:r,color:"#fff","&:hover":{backgroundColor:r}},"&:hover":{backgroundColor:`${r}18`}}}}},e.map((e=>a().createElement(u.ToggleButton,{key:`toggle-btn-${e}`,value:e,disableRipple:!0},e))));p.propTypes={options:l().arrayOf(l().string).isRequired,value:l().string,color:l().string,onChange:l().func.isRequired},p.defaultProps={value:null,color:"primary"};const d=p;return t})()));
//# sourceMappingURL=toggle-buttons.js.map