@platformbuilders/fluid-react
Version:
Builders React for Fluid Design System
6 lines (5 loc) • 738 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import FormError from '../FormError';
import { Check, CheckboxRoot, Label, Wrapper } from './styles';
const Checkbox = ({ id, checked, onChange, label, name, error, style, disabled, variant = 'default', labelFontWeight, }) => (_jsx(Wrapper, { enabled: !disabled, "$variant": variant, children: _jsx(FormError, { error: error, children: _jsxs(CheckboxRoot, { htmlFor: id, style: style, "$variant": variant, children: [_jsx(Check, { type: "checkbox", id: id, checked: checked, onChange: onChange, name: name, disabled: disabled, "$variant": variant }), _jsx(Label, { "$variant": variant, "$fontWeight": labelFontWeight, children: label })] }) }) }));
export default Checkbox;