import React, { useState } from "react";
import "../css/TallContent.css";

const TallContent = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
  const [animation, setAnimation] = useState(initialAnimation);

  return (
    <div
      className={`container tallContent animate__animated ${animation}`}
      onMouseEnter={() => onMouseEnter(setAnimation)}
      onAnimationEnd={() => onAnimationEnd(setAnimation)}
    >
      TallContent
    </div>
  );
};

export default TallContent;
