import { useState, useEffect } from 'react';

export function useMediaQuery(query) {
  const [matches, setMatches] = useState(false);

  useEffect(() => {
    const media = window.matchMedia(query);
    if (media.matches !== matches) {
      setMatches(media.matches);
    }
    const listener = () => {
      setMatches(media.matches);
    };
    media.addListener(listener);
    return () => media.removeListener(listener);
  }, [matches, query]);

  return matches;
}

 backend web_servers
   balance roundrobin
   acl is_checkout path_beg /checkout/
   http-request set-priority-class int(1) if is_checkout
   http-request set-priority-class int(2) if !is_checkout
   timeout queue 30s
   server s1 192.168.0.10:80 maxconn 30
   server s2 192.168.0.11:80 maxconn 30
   server s3 192.168.0.12:80 maxconn 30