quran/.next/server/chunks/21550.js

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

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

// Exports
module.exports = {
	"container": "Card_container__7W1p2",
	"large": "Card_large__7cD4G",
	"medium": "Card_medium__WKx2o",
	"imageContainer": "Card_imageContainer__QDTmv",
	"bodyContainer": "Card_bodyContainer__RLoL2",
	"textsContainer": "Card_textsContainer__Qfmez",
	"title": "Card_title__1EtMk",
	"description": "Card_description__fNtqy",
	"img": "Card_img__ahjCx",
	"cardHoverEffectContainer": "Card_cardHoverEffectContainer__N5U8L"
};


/***/ }),

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

// Exports
module.exports = {
	"pageContainer": "index_pageContainer__Pxtn3",
	"loadingContainer": "index_loadingContainer__WEZFc",
	"flow": "index_flow__rCTR5",
	"flowItem": "index_flowItem__GnXWz",
	"additionalVerticalGap": "index_additionalVerticalGap__nzYz6",
	"fullWidth": "index_fullWidth__1n4ux"
};


/***/ }),

/***/ 81035:
/***/ ((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 */   "I": () => (/* binding */ CardSize),
/* 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 classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_image__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7477);
/* harmony import */ var next_image__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_image__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _Card_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(48624);
/* harmony import */ var _Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Card_module_scss__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50497);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__]);
_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];





var CardSize;
(function(CardSize) {
    CardSize["Medium"] = "medium";
    CardSize["Large"] = "large";
})(CardSize || (CardSize = {}));
const Card = ({ size , title , description , onImgClick , imgSrc , actionIcon , imgAlt , shouldFlipIconOnRTL =true , onActionIconClick , className , shouldShowFullTitle =false , ariaLabel , tooltip  })=>{
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(className, (_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().container), {
            [(_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().large)]: size === CardSize.Large,
            [(_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().medium)]: size === CardSize.Medium
        }),
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()((_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().imageContainer)),
                role: "button",
                tabIndex: 0,
                onKeyPress: onImgClick,
                onClick: onImgClick,
                children: [
                    imgSrc && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_image__WEBPACK_IMPORTED_MODULE_2___default()), {
                        alt: imgAlt,
                        className: (_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().img),
                        src: imgSrc,
                        layout: "fill"
                    }),
                    actionIcon && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                        className: (_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().cardHoverEffectContainer),
                        "data-theme": "dark",
                        children: actionIcon
                    })
                ]
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().bodyContainer),
                children: [
                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().textsContainer),
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: classnames__WEBPACK_IMPORTED_MODULE_1___default()({
                                    [(_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().title)]: !shouldShowFullTitle
                                }),
                                children: title
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().description),
                                children: description
                            })
                        ]
                    }),
                    size === CardSize.Large && actionIcon && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
                        onClick: ()=>{
                            if (onActionIconClick) onActionIconClick();
                        },
                        className: (_Card_module_scss__WEBPACK_IMPORTED_MODULE_4___default().playIconContainer),
                        variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonVariant.Ghost */ .Wu.Ghost,
                        shouldFlipOnRTL: shouldFlipIconOnRTL,
                        tooltip: tooltip,
                        ariaLabel: ariaLabel,
                        children: actionIcon
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Card);

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

/***/ })

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