"use client";

import { Select } from "@/components/Select";

import styles from "./ProductListSort.module.scss";

export default function ProductListSort() {
  return (
    <div className={styles["product-list-sort"]}>
      <span className={styles["product-list-sort__heading"]}>Сортировать:</span>

      <Select.Root name="sort">
        <Select.Option value="price">По цене (дешевле)</Select.Option>
        <Select.Option value="-price">По цене (дороже)</Select.Option>
      </Select.Root>
    </div>
  );
}