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