import { useState, useEffect } from 'react';

const getSize = ({ innerHeight, innerWidth }) => ({ x: innerHeight, y: innerWidth });

const useSize = () => {
  const getWindowSize = () => getSize(window);
  const [size, setSize] = useState(getWindowSize());

  useEffect(() => {
    const handleResize = () => setSize(getWindowSize());
    window.addEventListener('resize', handleResize);
    return () => window.removeEventListener('resize', handleResize);
  }, []);

  return size;
};

export default useSize;