@tycoonsystems/tycoon-modules/modules/presentation/hello/bannerHello/BannerHello.js

www.tv.tycoon.systems/documentation

import React from"react";import{useRouter}from"next/router";import Link from"next/link";import Styles from"../../Presentation.module.scss";import{v4 as uuidv4}from"uuid";import{resolveImage}from"@tycoonsystems/tycoon-modules/utility/utility/image";const moduleName="BannerHello",Module=e=>{useRouter();const[t,a]=React.useState(!1),[,l]=React.useState(null),n=React.useRef(),r=React.useRef();React.useEffect(()=>{var e;t||(e=uuidv4(),l(e),a(!0))},[t]);var m=()=>React.createElement("div",{className:""+Styles.TypeContainer,ref:r},React.createElement("div",{className:""+(e?.tall?""+Styles.TypeContainerEnforceSpace:null)},e.lead?React.createElement("h2",{className:`${Styles.Lead} ${moduleName}_Lead `+e?.classes?.Lead},e.lead):null,e.leadImg?React.createElement("div",{className:`${Styles.leadImgContainer} ${moduleName}_LeadImg`},React.createElement("img",{className:`${Styles.leadImg} ${moduleName}_LeadImg_img `+e?.classes?.Lead,src:""+e.leadImg})):null,e.text?React.createElement("div",{className:`${Styles.Text} ${moduleName}_Text `+e?.classes?.Text},e.text):null,e?.childrenBefore?.map?React.Children.map(e.childrenBefore,function(e){var t;return null!==e?"function"==typeof e.type?(t={bgContainerRef:n,typeContainerRef:r},React.cloneElement(e,t)):e:React.createElement("div")}):null),React.createElement("div",null,e?.children?.map?React.Children.map(e.children,function(e){var t;return null!==e?"function"==typeof e.type?(t={bgContainerRef:n,typeContainerRef:r},React.cloneElement(e,t)):e:React.createElement("div")}):null));return React.createElement("div",{className:`${Styles.BannerHello} ${moduleName}_Container `+e.className},React.createElement("div",{className:`${Styles.IndexBgContainerAd} ${moduleName}_IndexBgContainerAd ${e?.classes?.IndexBgContainerAd} ${e?.tall?""+Styles.IndexBgContainerAdTall:""} `+(e?.center?""+Styles.IndexBgContainerCenter:""),ref:n},e.href?React.createElement(Link,{href:""+e.href,draggable:!1},React.createElement("div",{style:{backgroundImage:""+(e?.img?`url(${resolveImage(e,e?.img??null,"img")})`:null),height:"100%",backgroundSize:"cover",borderRadius:"1rem",position:"relative"}},m())):React.createElement("div",{style:{backgroundImage:""+(e?.img?`url(${resolveImage(e,e?.img??null,"img")})`:null),height:"100%",backgroundSize:"cover",borderRadius:"1rem",position:"relative"}},m())))};export default Module;