import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var introbox=function(a,b){return"\n            jn-bg-theme-introbox\n            jn-text-theme-default\n            jn-flex\n            jn-rounded-l\n            jn-overflow-hidden\n            jn-mb-8\n\n            ".concat("hero"===a&&b?"\n                    jn-bg-right-top\n                    jn-bg-no-repeat\n                ":"","\n        ")},introboxBorder="\n    jn-border-l-4\n    jn-border-theme-introbox\n",introboxContent=function(a,b){return"\n        ".concat(b?"jn-pl-4 jn-pr-56":"jn-px-4","\n\n        ").concat("hero"===a?"\n            jn-text-xl\n            jn-min-h-[8rem]\n            jn-py-4\n            jn-flex\n            jn-flex-col\n            jn-justify-center\n        ":"\n            jn-py-3\n        ","\n    ")},introboxHeading="\n    jn-font-bold\n",IntroBox=function(a){var b=a.title,c=void 0===b?null:b,d=a.text,e=void 0===d?null:d,f=a.variant,g=void 0===f?"default":f,h=a.heroImage,i=void 0===h?null:h,j=a.className,k=void 0===j?"":j,l=a.children,m=__rest(a,["title","text","variant","heroImage","className","children"]),n=React__default.useMemo(function(){return i&&"hero"===g},[g,i]);return React__default.createElement("div",__assign({className:"juno-introbox ".concat(introbox(g,i)," ").concat(k),style:n?{backgroundImage:"".concat(i)}:{}},m),React__default.createElement("div",{className:"".concat(introboxBorder)}),React__default.createElement("div",{className:"".concat(introboxContent(g,i))},c?React__default.createElement("h1",{className:"".concat(introboxHeading)},c):"",l?l:React__default.createElement("p",null,e)))};export{IntroBox as I};