"use strict";const t=require("react/jsx-runtime"),g=require("./index11.js"),r=require("react"),c=require("./sl-types.js"),x=require("react-countdown-circle-timer"),f=require("./index4.js"),T=i=>{const{Component:e,options:n,customOptions:o,autoFocus:s,...u}=i,a=g.distExports.useFocusable({...n,...o,onEnterPress:()=>{var l;return(l=i.onClick)==null?void 0:l.call(i,{currentTarget:a.ref.current,stopPropagation:()=>{}})}});return r.useEffect(()=>{s&&a.focusSelf()},[]),t.jsx(e,{...u,...a,"data-is-with-focus":"true"})};function j(i,e){return({webos:n,options:o,...s})=>n?t.jsx(T,{Component:i,options:e,customOptions:o,...s}):t.jsx(i,{...s})}const y=[10,10,1,0],k=c.styled_default("div")({name:"RemainingTimeCircle",class:"r165427",propsAsIs:!1}),w=c.styled_default("div")({name:"RemainingTime",class:"r17garf3",propsAsIs:!1}),E=c.O,m=c.N,p=c.S,q=({className:i,duration:e=30,onTimerExpired:n,isPlaying:o=!0})=>t.jsx(x.CountdownCircleTimer,{isPlaying:o,strokeWidth:0,duration:e,colors:m,size:24,onComplete:n,children:({remainingTime:s})=>t.jsx(w,{className:i,children:e===0?0:s})}),O=({isPlaying:i=!0,duration:e=30,onTimerExpired:n})=>{const[o,s]=r.useState(e>10?E:m),[u,a]=r.useState(2);r.useEffect(()=>{e===0&&(a(0),s(p))},[e]);const l=({remainingTime:d})=>t.jsx(k,{children:e===0?0:d}),h=r.useCallback(()=>{n==null||n(),s(p)},[n,s]),C=r.useCallback(d=>{d===10&&s(m)},[s]);return t.jsx(x.CountdownCircleTimer,{isPlaying:i,duration:e,colors:c.I,colorsTime:y,size:32,strokeWidth:u,trailStrokeWidth:2,trailColor:o,onComplete:h,onUpdate:C,children:l})},P=({height:i="37px",width:e="37px"})=>t.jsx("div",{style:{height:i,width:e},children:t.jsx(f.B1,{name:"loader"})});exports.G=q;exports.L=O;exports.O=j;exports.d=P;
