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

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

  return (
    <div
      className={`container tallContentAbout animate__animated ${animation}`}
      onMouseEnter={() => onMouseEnter(setAnimation)}
      onAnimationEnd={() => onAnimationEnd(setAnimation)}
    >
      <div className="funFacts">
        <h2>Some Fun-Facts about me:</h2>
        <ul className="funFactList">
          <li>
            <p>
              2300+ Chess.com blitz rating and a lifelong love for strategy.
            </p>
          </li>
          <li>
            <p>
              Big fan of tycoon simulation games—I could spend hours building
              and managing virtual worlds.
            </p>
          </li>
          <li>
            <p>
              I love Asian food, especially Japanese cuisine, and enjoy trying
              new recipes.
            </p>
          </li>
          <li>
            <p>Football is my passion (and no, I won’t call it soccer).</p>
          </li>
          <li>
            <p>
              I have a guilty pleasure for sitcoms like The Big Bang Theory and
              can’t resist a good Taylor Swift track.
            </p>
          </li>
          {/* <li>
            <p>Hiking is one of my favorite ways to relax and recharge.</p>
          </li> */}
          <li>
            <p>I enjoy baking, especially experimenting with new desserts.</p>
          </li>
          <li>
            <p>
              I’ve been drawing and painting since I was young, and it’s still
              one of my favorite creative outlets.
            </p>
          </li>
        </ul>
      </div>
      {/*       <p className="persText">
        Outside of tech, I enjoy spending time outdoors, baking, and diving into
        new hobbies. I like to keep things balanced—challenging my mind with
        strategy games or chess and unwinding with great food, music, and some
        classic sitcoms.
      </p> */}
    </div>
  );
};

export default TallContentAbout;
