@gsretail.com/gui-core/build/core/Checkbox/GuiCheckbox.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 o from"react";import{Box as a,FormControlLabel as c,Checkbox as t}from"@mui/material";import{GuiIcon as m}from"../../node_modules/@gsretail.com/gui-icons/dist/index.js";import r from"./GuiCheckbox.styled.js";var i=r((function(r){var i=r.label,n=r.labelPlacement,s=r.color,d=r.size,b=r.icon,u=r.checkedIcon,f=r.disabled,p=r.className,x=r.boxProps,h=e(r,["label","labelPlacement","color","size","icon","checkedIcon","disabled","className","boxProps"]);return o.createElement(a,l({className:["gui-form gui-checkbox",d&&"gui-chk-"+d,p&&p].join(" ")},x),o.createElement(c,{control:o.createElement(t,l({color:s,icon:b||o.createElement(m,{name:"CheckOff",viewBox:"-3 -3 24 24"}),checkedIcon:u||o.createElement(m,{name:"CheckOn",viewBox:"-3 -3 24 24"}),disabled:f},h)),label:o.createElement(o.Fragment,null,i&&o.createElement("span",{className:"labelTxt"},i)),labelPlacement:n}))}));i.defaultProps={color:"primary",size:"medium",labelPlacement:"end"};export{i as GuiCheckbox,i as default};