import { useLocation, useNavigate, useParams } from 'react-router-dom';

export default function withCategoryRoute(Wrapped) {
  function CategoryRouteWrapper(props) {
    const navigate = useNavigate();
    const location = useLocation();
    const { '*': categorySlugPath = '' } = useParams();

    return (
      <Wrapped
        {...props}
        navigate={navigate}
        location={location}
        categorySlugPath={categorySlugPath}
      />
    );
  }
  return CategoryRouteWrapper;
}