import { Lottie } from '../../Lottie/Lottie';
import React from 'react';
import animationData from './SpinnerLinear.json';
import cx from 'classnames';

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

type Props = {
  size?: number;
  dark?: boolean;
};

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