BB8-Animation.js

import styled, { keyframes } from "styled-components";

const spin = keyframes`
  0 { transform: rotate(0deg) translateZ(0); }
  100% { transform: rotate(-360deg) translateZ(0); }
`;

const BB8 = styled.div`
  &:before {
    animation: ${({ turn }) =>
      turn ? `${spin} 0.8s infinite linear` : "none"};
  }
`;