@tycoonsystems/tycoon-modules/modules/indexing/SliderBasic.js

www.tv.tycoon.systems/documentation

import React from"react";import{v4 as uuidv4}from"uuid";import SliderStyles from"./Slider.module.scss";const Module=t=>{const[e,a]=React.useState(null),[l,i]=React.useState(!1),[,s]=React.useState(!1);var[,,]=React.useState(!1);const c=React.useRef();return React.useEffect(()=>{var e;l||(t.stagger&&(c.current=setTimeout(()=>{s(!0)},t.stagger)),e=uuidv4(),a(e),i(!0))},[l,t.stagger]),React.useEffect(()=>{try{e&&window&&window.Glide&&new window.Glide(".glide_"+e,{type:"carousel",perView:3,focusAt:"center",breakpoints:{1200:{perView:2},480:{perView:1}}}).mount()}catch(e){}},[e]),React.createElement("div",{className:`glide_${e} `+t.className},React.createElement("div",{"data-glide-el":"track",className:"glide__track",style:{height:t.height??"240px"}},React.createElement("ul",{className:"glide__slides",style:{height:"inherit"}},t.items&&t.items.map?t.items.map((e,t)=>React.createElement("li",{key:t,className:"glide_slide"},React.createElement("div",{className:SliderStyles.textContainer+" glider_text_container",style:{position:"absolute"}},React.createElement("div",{className:SliderStyles.textOffsetContainer+" glider_text_offset_container"},React.createElement("div",{className:SliderStyles.container1+" glider_container1"},e.cta?React.createElement("h2",{className:SliderStyles.cta+" glider_cta"},e.cta):null,e.heading?React.createElement("h5",{className:SliderStyles.heading+" glider_heading"},e.heading):null,e.description?React.createElement("h6",{className:SliderStyles.description+" glider_description"},e.description):null),React.createElement("div",{className:SliderStyles.container2+" glider_container2"},e.button?React.createElement("a",{className:SliderStyles.button+" glider_button",href:e.buttonLink??""},React.createElement("button",null,e.button)):null,e.status?React.createElement("div",{className:SliderStyles.status+" glider_status",style:{background:"red"}},e.status):null))),React.createElement("img",{src:e.img,style:{width:e.width??"auto",borderRadius:e.borderRadius??"1rem"}}))):React.createElement("div",null))))};export default Module;