import type { Route } from "next";
import type { ReactNode } from "react";

import Link from "next/link";

import ChevronRightSVG from "@/assets/icons/chevron-right.svg";

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

export default function FilterLink<T extends string>({
  href,
  children,
}: {
  href: Route<T> | URL;
  children: ReactNode;
}) {
  return (
    <Link href={href} className={styles["filter-link"]}>
      {children}

      <ChevronRightSVG className={styles["filter-link__icon"]} />
    </Link>
  );
}