@redneckz/wildless-cms-uni-blocks 0.14.566 → 0.14.568

package/src/ui-kit/Timer/Timer.tsx

@@ -1,57 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { Headline } from '../../components/Headline/Headline';
-import { RichText } from '../RichText/RichText';
-
-interface TimerProps {
-  interval?: number;
-  title?: string;
-  __html?: string;
-}
-
-export const Timer = JSX<TimerProps>(({ interval = 0, title, __html }) => {
-  const [time, setTime] = useState(interval);
-
-  useEffect(() => {
-    const timer = setInterval(() => {
-      setTime(time - 1);
-    }, 1000);
-
-    if (time === 0) {
-      clearInterval(timer);
-    }
-
-    return () => {
-      clearInterval(timer);
-    };
-  }, [time]);
-
-  const gradientPercentage = 100 - ((interval - time) / interval) * 100;
-
-  return (
-    <div>
-      <Headline title={title} headlineVersion="S" />
-      <div className="flex justify-center items-center flex-col">
-        <div className="relative flex items-center justify-center w-60 h-60 rounded-full bg-gray text-transparent mb-5">
-          <div
-            className="absolute inset-0 rounded-full"
-            style={{
-              background: `conic-gradient(rgb(66, 171, 68) ${gradientPercentage}%, rgb(125, 126, 127) 0deg)`,
-            }}
-          />
-          <div className="z-10 flex items-center justify-center px-4 py-2 rounded-full w-56 h-56 bg-white text-3xl text-primary-text">
-            {secondsToMinSecPadded(time)}
-          </div>
-        </div>
-        <RichText __html={__html} />
-      </div>
-    </div>
-  );
-});
-
-const secondsToMinSecPadded = (time: number) => {
-  const minutes = `${Math.floor(time / 60)}`.padStart(2, '0');
-  const seconds = `${time % 60}`.padStart(2, '0');
-
-  return `${minutes}:${seconds}`;
-};