"use client";

import { useMediaQuery } from "react-responsive";
import PropertyCategories from "./PropertyCategories";
import MobilePropertyCategories from "./MobilePropertyCategories";

const Categories = () => {
  const isBigScreen = useMediaQuery({ minWidth: 1368 });
  return (
    <>
      <div className="relative">
        {isBigScreen ? (
          <>
            <PropertyCategories />
          </>
        ) : (
          <MobilePropertyCategories />
        )}
      </div>
    </>
  );
};

export default Categories;