"use client";

import FilterModal from "../modal/FilterModal";
import FilterBtn from "./FilterBtn";
import SelectSort from "./SelectSort";

function SortList({ filter, sendReq, setFilter, updateData, setDataInURL,slug }) {

  return (
    <div className="flex flex-wrap items-center lg:!w-[25%] gap-[20px] gap-y-[12px] lg:gap-0">
      <FilterModal
       slug={slug}
        filter={filter}
        sendReq={sendReq}
        setFilter={setFilter}
        updateData={updateData}
        setDataInURL={setDataInURL}
      >
        <FilterBtn />
      </FilterModal>
      <SelectSort filter={filter} updateData={updateData} />
    </div>
  );
}

export default SortList;
