import{taggedTemplateLiteral as e}from"../../_virtual/_rollupPluginBabelHelpers.esm.js";import"react";import n from"styled-components";import r from"@mui/material/Checkbox";import{jsxs as t,jsx as o}from"react/jsx-runtime";var i,a,l;function d(e){return t(c,{readOnly:e.readOnly,children:[o(s,{htmlFor:e.id,children:e.label}),o(m,{children:o(r,{onChange:function(n,r){var t=n.target.name;e.onChange({target:{name:t,value:r}})},name:e.name,checked:e.value,sx:{"& .MuiSvgIcon-root":{fontSize:28}}})})]})}var s=n.legend(i||(i=e(['\n  color: rgb(102, 102, 102);\n  font-family: "Roboto", "Helvetica", "Arial", sans-serif;\n  font-size: 13px;\n  line-height: 0;\n  background-color: aquamarine;\n  cursor: default;\n']))),c=n.fieldset(a||(a=e(["\n  /* border: 1px solid rgb(196, 196, 196); */\n  border: 1px solid rgb(196, 196, 196);\n  border-radius: 5px;\n  height: 39px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  &:hover {\n    /* border: 1px solid black; */\n  }\n  pointer-events: ",";\n"])),function(e){return e.readOnly?"none":"auto"}),m=n.div(l||(l=e(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n"])));export{d as default};
//# sourceMappingURL=CheckboxInputComponent.esm.js.map
