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