import styled, { keyframes } from 'styled-components/macro';

import { ReactComponent as LoaderSvg } from './assets/loader.svg';

const rotate = keyframes`
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
`;

export const StyledLoader = styled(LoaderSvg)`
  animation: ${rotate} 1s linear infinite;
  display: inline-block;
`;