@gsretail.com/gui-core/build/core/Button/GuiToggleButton.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__rest as e,__assign as l}from"../../node_modules/tslib/tslib.es6.js";import t from"react";import{Box as a,ToggleButtonGroup as r,ToggleButton as i}from"@mui/material";import n from"./GuiToggleButton.styled.js";var o=n((function(n){var o=n.label,m=n.labelWidth,s=n.labelTextAlign,d=n.required,u=n.arrBtn,b=n.onChange,c=n.className,g=n.boxProps,h=n.children,p=e(n,["label","labelWidth","labelTextAlign","required","arrBtn","onChange","className","boxProps","children"]);return t.createElement(a,l({className:["gui-toggle-button",p.fullWidth&&"isFullWidth",c&&c].join(" ")},g),o&&t.createElement(a,{minWidth:m},t.createElement("label",{className:["gui-label",s&&"textAlign-"+s,d&&"Mui-required"].join(" ")},o)),t.createElement(r,l({onChange:b},p),h||u&&u.map((function(e,l){return t.createElement(i,{value:l,key:l,disabled:p.disabled&&p.disabled},e)}))))}));o.defaultProps={labelWidth:"auto",color:"primary"};export{o as GuiToggleButton,o as default};