'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/system"),t=require("../hooks/useGetTimeExpired.js"),r=require("../common/classes.js"),i=require("../common/styles.js"),u=require("./TextCountdown.js");exports.default=({setting:o={},styles:d={},style:n,builderAttrs:l,builderProps:a,children:m})=>{let{width:c,align:x,bgColor:j}=d,{expired:p}=o,{dateTimeExpired:y}=t.useGetTimeExpired(p),T=s.createClass(r.getCountdownTimerWrapperClasses(x,a?.uid)),q=s.createStyle(i.getTextCountdownWrapperStyles(c,j));return e.jsxs("div",{...l,className:T,style:{...n},id:`countdown-timer-${a?.uid}`,children:[e.jsx("div",{style:q,children:e.jsx(u.TextCountdown,{dateTime:y,setting:o,styles:d})}),m]})};
