exports.id = 42752;
exports.ids = [42752];
exports.modules = {

/***/ 25204:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

var SvgDividerHorizontal = function SvgDividerHorizontal(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    viewBox: "0 0 20 20",
    height: 16,
    width: 16,
    fill: "none"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    stroke: "var(--color-secondary-medium)",
    strokeWidth: 2,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    d: "M5 10h10"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgDividerHorizontal);

/***/ }),

/***/ 41482:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

var SvgTick = function SvgTick(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    viewBox: "0 0 20 20",
    height: 20,
    width: 20,
    fill: "none"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "m14 7-5.5 5.5L6 10",
    stroke: "var(--color-background-default)",
    strokeWidth: 2,
    strokeLinecap: "round",
    strokeLinejoin: "round"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgTick);

/***/ }),

/***/ 42029:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "Checkbox_container__LWbsV",
	"checkbox": "Checkbox_checkbox__bbyfA",
	"label": "Checkbox_label__MrEvp",
	"disabled": "Checkbox_disabled__3XIf_",
	"indicator": "Checkbox_indicator__6umIV",
	"disabledIndicator": "Checkbox_disabledIndicator__Dmw2E"
};


/***/ }),

/***/ 42752:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11601);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(42029);
/* harmony import */ var _Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _icons_divider_horizontal_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(25204);
/* harmony import */ var _icons_tick_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(41482);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_2__]);
_radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];







const INDETERMINATE = "indeterminate";
const Checkbox = ({ disabled =false , required =false , defaultChecked , checked , id , label , name , onChange ,  })=>{
    /**
   * Handle when the value of the checkbox input changes.
   *
   * @param {boolean} newChecked
   * @returns {void}
   */ const handleChange = (newChecked)=>{
        onChange(newChecked);
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_6___default().container), {
            [(_Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_6___default().disabled)]: disabled
        }),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_2__.Root, {
                disabled: disabled,
                name: name,
                required: required,
                onCheckedChange: handleChange,
                id: id,
                className: (_Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_6___default().checkbox),
                defaultChecked: defaultChecked,
                ...checked !== undefined && {
                    checked
                },
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_2__.Indicator, {
                    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_6___default().indicator), {
                        [(_Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_6___default().disabledIndicator)]: disabled
                    }),
                    children: checked === INDETERMINATE ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_divider_horizontal_svg__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {}) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_tick_svg__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {})
                })
            }),
            label && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
                className: (_Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_6___default().label),
                htmlFor: id,
                children: label
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Checkbox);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ })

};
;
//# sourceMappingURL=42752.js.map