quran/.next/server/chunks/80695.js

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

/***/ 24868:
/***/ ((__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 SvgChevronDown = function SvgChevronDown(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 15,
    height: 15,
    viewBox: "0 0 15 15",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M3.135 6.158a.5.5 0 0 1 .707-.023L7.5 9.565l3.658-3.43a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75a.5.5 0 0 1-.023-.707Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChevronDown);

/***/ }),

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

// Exports
module.exports = {
	"container": "Hero_container__MwEz4",
	"rowContainer": "Hero_rowContainer__txyaV",
	"row": "Hero_row__3_Icm",
	"header": "Hero_header__DT50D",
	"desc": "Hero_desc__gLk4u"
};


/***/ }),

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

// Exports
module.exports = {
	"header": "Collapsible_header__CmhJq",
	"headerLeft": "Collapsible_headerLeft__Xh00n",
	"prefixContainer": "Collapsible_prefixContainer__AVHUT",
	"prefixRotated": "Collapsible_prefixRotated__bjKLn",
	"suffixContainer": "Collapsible_suffixContainer__uZ1IW"
};


/***/ }),

/***/ 92775:
/***/ ((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 */   "a": () => (/* binding */ CollapsibleDirection)
/* 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_collapsible__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74973);
/* 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 _Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81670);
/* harmony import */ var _Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__]);
_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
/* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ 




var CollapsibleDirection;
(function(CollapsibleDirection) {
    CollapsibleDirection["Left"] = "left";
    CollapsibleDirection["Right"] = "right";
})(CollapsibleDirection || (CollapsibleDirection = {}));
const Collapsible = ({ isDefaultOpen =false , prefix , title , suffix , children , shouldRotatePrefixOnToggle , shouldOpen , onOpenChange , direction =CollapsibleDirection.Left  })=>{
    const { 0: isOpen , 1: setIsOpen  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(isDefaultOpen);
    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
        setIsOpen(shouldOpen);
    }, [
        shouldOpen
    ]);
    const onSuffixClicked = (e)=>{
        e.preventDefault();
        e.stopPropagation();
    };
    const onHeaderClicked = ()=>setIsOpen((preValue)=>!preValue);
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__.Root, {
        onOpenChange: onOpenChange,
        open: isOpen,
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__.Trigger, {
                asChild: true,
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().header),
                    onClick: onHeaderClicked,
                    children: direction === CollapsibleDirection.Left ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                        children: [
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().headerLeft),
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                        className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixContainer), {
                                            [(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixRotated)]: shouldRotatePrefixOnToggle && isOpen
                                        }),
                                        children: prefix
                                    }),
                                    title
                                ]
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().suffixContainer),
                                onClick: onSuffixClicked,
                                children: suffix
                            })
                        ]
                    }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().headerLeft),
                                children: title
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixContainer), {
                                    [(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixRotated)]: shouldRotatePrefixOnToggle && isOpen
                                }),
                                children: prefix
                            })
                        ]
                    })
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__.CollapsibleContent, {
                children: isOpen && children({
                    isOpen
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Collapsible);

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

/***/ })

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