import { useEffect, useState } from "react"; const SequenceWing = () => { const [width, setWidth] = useState(0); const [top, setTop] = useState(0); const [isLeftWingSelected, setIsLeftWingSelected] = useState(false); const [isRightWingSelected, setIsRightWingSelected] = useState(false); function handleResize() { setWidth(window.innerWidth); setTop(window.innerWidth / 2 - window.innerHeight / 2); } const handleOnLeftWingClick = () => { setIsLeftWingSelected(true); setIsRightWingSelected(false); }; const handleOnRightWingClick = () => { setIsRightWingSelected(true); setIsLeftWingSelected(false); }; useEffect(() => { handleResize(); window.addEventListener("resize", handleResize); return () => window.removeEventListener("resize", handleResize); }, []); return (

); }; export default SequenceWing;