Zelda BOTW Part 1: Triangle

Triangle.ts

import React from "react";
import { motion } from "framer-motion";

type Props = {
  animateParams: {
    rotate: string;
    x: [number, number, number];
    y: [number, number, number];
  };
  className: string;
};

const Triangle: React.FC<Props> = ({ animateParams, className }) => (
  <motion.div
    initial={false}
    animate={animateParams}
    transition={{
      loop: Infinity,
      ease: "easeIn",
      duration: 1,
    }}
    className={className}
  />
);

export default Triangle;