@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
57 lines • 2.12 kB
JavaScript
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _Radio;
var _excluded = ["variant", "helperNode", "size", "label", "error", "errorMessage", "errorVariant"];
/* eslint-disable react/no-array-index-key */
import React from 'react';
import Radio from '@mui/material/Radio';
import { RadioGroup, FormControlLabel } from '@mui/material';
import { ErrorAlert, InputLabel, WrapperInputVariant } from '../../base';
import { Root } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var CheckBoxSimpleLabelOut = function CheckBoxSimpleLabelOut(_ref) {
var _ref$variant = _ref.variant,
variant = _ref$variant === void 0 ? 'divider' : _ref$variant,
helperNode = _ref.helperNode,
size = _ref.size,
label = _ref.label,
error = _ref.error,
errorMessage = _ref.errorMessage,
errorVariant = _ref.errorVariant,
props = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/_jsxs(Root, {
children: [variant === 'labelOut' && label && /*#__PURE__*/_jsx(InputLabel, {
variant: variant,
htmlFor: props.id,
children: label
}), /*#__PURE__*/_jsxs(WrapperInputVariant, {
variant: variant,
error: error,
size: size,
backgroundColor: props.backgroundColor,
children: [variant !== 'labelOut' && label && /*#__PURE__*/_jsx(InputLabel, {
variant: variant,
htmlFor: props.id,
children: label
}), /*#__PURE__*/_jsx(RadioGroup, {
name: props.name,
row: true,
sx: {
paddingLeft: '5px'
},
children: props.items.map(function (_ref2, i) {
var _lbl = _ref2.label,
value = _ref2.value;
return /*#__PURE__*/_jsx(FormControlLabel, {
value: value,
control: _Radio || (_Radio = /*#__PURE__*/_jsx(Radio, {})),
label: _lbl
}, i);
})
})]
}), helperNode, error && /*#__PURE__*/_jsx(ErrorAlert, {
variant: errorVariant,
children: errorMessage
})]
});
};
export default CheckBoxSimpleLabelOut;