import{c as D,_ as p,I as _}from"./icon-code.6d7a3662.js";import{d as j,u as M,e as n,B as C,c as T,a as e,j as x,f,g as b,t as l,W as v,w,l as y,o as c}from"./index.c685e846.js";const I=e("ul",{class:"flex space-x-2 rtl:space-x-reverse"},[e("li",null,[e("a",{href:"javascript:;",class:"text-primary hover:underline"},"Components")]),e("li",{class:"before:content-['/'] ltr:before:mr-2 rtl:before:ml-2"},[e("span",null,"Countdown")])],-1),S={class:"pt-5 grid grid-cols-1 xl:grid-cols-2 gap-6"},B={class:"panel"},F={class:"flex items-center justify-between mb-5"},H=e("h5",{class:"font-semibold text-lg dark:text-white-light"},"Simple Countdown",-1),N={class:"flex items-center"},V={class:"mb-5 grid grid-cols-4 justify-items-center gap-3"},Y={class:"w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col"},$={class:"text-primary sm:text-3xl text-xl text-center"},A=e("h4",{class:"text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold"},"Days",-1),E={class:"w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col"},P={class:"text-primary sm:text-3xl text-xl text-center"},W=e("h4",{class:"text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold"},"Hours",-1),q={class:"w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col"},z={class:"text-primary sm:text-3xl text-xl text-center"},G=e("h4",{class:"text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold"},"Mins",-1),J={class:"w-16 h-16 sm:w-[100px] sm:h-[100px] shadow-[1px_2px_12px_0_rgba(31,45,61,0.10)] rounded border border-[#e0e6ed] dark:border-[#1b2e4b] flex justify-center flex-col"},K={class:"text-primary sm:text-3xl text-xl text-center"},L=e("h4",{class:"text-[#3b3f5c] text-[15px] mt-4 text-center dark:text-white-dark font-semibold"},"Sec",-1),O=e("pre",null,`

{{ demo1.days }}

Days

{{ demo1.hours }}

Hours

{{ demo1.minutes }}

Mins

{{ demo1.seconds }}

Sec