: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
import React from 'react';
import { styled } from '@linaria/react';
import { CALYPSO_MEDIUM, CALYPSO } from './colors';
const SpinnerOuter = styled.div`
const SpinnerInner = styled.div`
const Circle = styled.circle<IColorProp>`
stroke: ${props => props.color};
transform-origin: center;
const AnimatedCircle = styled.circle<IColorProp>`
stroke: ${props => props.color};
transform-origin: center;
animation: dashAnimation 2s ease-in-out infinite,
spinAnimation 2s linear infinite;
@keyframes dashAnimation {
stroke-dasharray: 1, 150;
stroke-dasharray: 90, 150;
stroke-dasharray: 90, 150;
@keyframes spinAnimation {
transform: rotate(360deg);
export default function UISpinner({ size = 20 }) {
<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" />