import React from "react";
import "../css/LangSelect.css";
import { useState } from "react";
import Toggle from "./subComponents/Toggle";

const LangSelect = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
  const [animation, setAnimation] = useState(initialAnimation);
  return (
    <div
      className={`langSelect container animate__animated ${animation}`}
     /*  onMouseEnter={() => onMouseEnter(setAnimation)} */
      onAnimationEnd={() => onAnimationEnd(setAnimation)}
    >
      <div className="eng">🇬🇧</div>
      <Toggle />
      <div className="ger">🇩🇪</div>
    </div>
  );
};

export default LangSelect;
