aDriv4 website!

Linux premium43.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64
LiteSpeed
199.188.200.144

File Name : UISpinner.tsx

import React from 'react';
import { styled } from '@linaria/react';
import { CALYPSO_MEDIUM, CALYPSO } from './colors';

const SpinnerOuter = styled.div`
  align-items: center;
  color: #00a4bd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: '2px';
`;

const SpinnerInner = styled.div`
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
`;

interface IColorProp {
  color: string;
}

const Circle = styled.circle<IColorProp>`
  fill: none;
  stroke: ${props => props.color};
  stroke-width: 5;
  stroke-linecap: round;
  transform-origin: center;
`;

const AnimatedCircle = styled.circle<IColorProp>`
  fill: none;
  stroke: ${props => props.color};
  stroke-width: 5;
  stroke-linecap: round;
  transform-origin: center;
  animation: dashAnimation 2s ease-in-out infinite,
    spinAnimation 2s linear infinite;

@keyframes dashAnimation {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
    }

50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -50;
    }

100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -140;
    }
  }

@keyframes spinAnimation {
    transform: rotate(360deg);
  }
`;

export default function UISpinner({ size = 20 }) {
  return (
    <SpinnerOuter>
      <SpinnerInner>
        <svg height={size} width={size} viewBox="0 0 50 50">
          <Circle color={CALYPSO_MEDIUM} cx="25" cy="25" r="22.5" />
          <AnimatedCircle color={CALYPSO} cx="25" cy="25" r="22.5" />
        </svg>
      </SpinnerInner>
    </SpinnerOuter>
  );
}

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	movibyxa/movibyxa	0755	2025-06-22 09:46:50
..	dir	-	movibyxa/movibyxa	0755	2025-06-22 09:46:50
UIAlert.tsx	text/html	1.4 KB	movibyxa/movibyxa	0644	2025-06-22 09:46:50
UIButton.ts	text/x-java	547 B	movibyxa/movibyxa	0644	2025-06-22 09:46:50
UIContainer.ts	text/x-java	221 B	movibyxa/movibyxa	0644	2025-06-22 09:46:50
UIOverlay.ts	text/x-java	206 B	movibyxa/movibyxa	0644	2025-06-22 09:46:50
UISpacer.ts	text/x-java	88 B	movibyxa/movibyxa	0644	2025-06-22 09:46:50
UISpinner.tsx	text/x-java	1.59 KB	movibyxa/movibyxa	0644	2025-06-22 09:46:50
colors.ts	text/plain	332 B	movibyxa/movibyxa	0644	2025-06-22 09:46:50

For more Private tool come to me!

https://t.me/aDriv4vz