"use strict";
exports.id = 8404;
exports.ids = [8404];
exports.modules = {

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

/* 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__(997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);

const Checkbox = ({ id , name , label , onChange , checked  })=>{
    const classes = {
        input: "w-4 h-4 text-gray-500 appearance-none checked:bg-second relative rounded border border-second checked:before:content-['✓'] checked:before:absolute checked:before:top-[50%] checked:before:left-[50%] checked:before:-translate-y-1/2 checked:before:-translate-x-1/2 hover:bg-second",
        label: "mr-2 text-sm font-medium select-none",
        div: "flex items-center"
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: classes.div,
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("input", {
                type: "checkbox",
                id: id,
                name: name,
                onChange: onChange,
                defaultChecked: checked,
                className: classes.input
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
                htmlFor: name,
                className: classes.label,
                children: label
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Checkbox);


/***/ })

};
;