import { Lottie } from '../../Lottie/Lottie';
import React from 'react';
import animationData from './SpinnerCircular.json';

const styles = require('./SpinnerCircular.module.scss');

type Props = {
  size?: number;
};

export function SpinnerCircular({ size = 125 }: Props = {}) {
  return (
    <div
      className={styles.loaderContainer}
      style={{ width: size, height: size }}
      data-testid='spinner'
    >
      <Lottie
        options={{ animationData }}
        width={size}
        height={size}
        segments={[0, 210]}
        forceSegments
      />
    </div>
  );
}