import type { ReactNode } from "react";

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

export default function FilterLinkList({ children }: { children: ReactNode }) {
  if (!Array.isArray(children)) return children;

  return (
    <nav className={styles["filter-link-list"]}>
      <ul className={styles["filter-link-list__list"]}>
        {children.map((link, index) => (
          <li key={index} className={styles["filter-link-list__list-item"]}>
            {link}
          </li>
        ))}
      </ul>
    </nav>
  );
}