'use client';

import Link from 'next/link';

import styles from './Navbar.module.css';

export default function Navbar({ links = [] }) {
  return (
    <div className={styles["navbar"]}>
      <ul className={styles["links"]}>
        {links.map((link) => (
          <li className={styles["link-container"]} key={link.label}>
            {link.type === 'action' ? (
              <button onClick={link.onClick} className={styles["link"]}>
                {link.label}
              </button>
            ) : (
              <Link href={link.href} className={styles["link"]}>
                {link.label}
              </Link>
            )}
          </li>
        ))}
      </ul>
    </div>
  );
}