text: import React, { useState, useEffect } from "react";
  import { Box } from "./Box";
  const styles = {
    display: "inline-block",
    transform: "rotate(-7deg)",
    WebkitTransform: "rotate(-7deg)",
  };
  export const BoxDragPreview = ({ img }) => {
    const [tickTock, setTickTock] = useState(false);
    useEffect(
      function subscribeToIntervalTick() {
        const interval = setInterval(() => {
          setTickTock(!tickTock);
        }, 500);
        return () => clearInterval(interval);
      },
      [tickTock]
    );
    return (
      <div style={styles}>
        <Box yellow={tickTock} img={img} />
      </div>
    );
  };
  