/**
 * QuickLinks Component
 *
 * Displays dealer's custom quick links in a two-column auto-balanced layout.
 * Uses CSS column-count for automatic balancing.
 */

import { QuickLink } from '@/types/dealer';
import { navLinkRel } from '@/lib/cms/rel-utils';

interface QuickLinksProps {
  links: QuickLink[];
}

export function QuickLinks({ links }: QuickLinksProps) {
  if (!links || links.length === 0) {
    return null;
  }

  return (
    <>
      <hr />
      <div className="quick-links-section">
        <h4 className="quick-links-heading">Quick Links</h4>
        <ul className="quick-links-grid">
          {links.map((link, index) => (
            <li key={index} className="quick-links-item">
              <a
                href={link.href}
                target={link.openInNewTab ? '_blank' : undefined}
                rel={navLinkRel(link.href, link.openInNewTab)}
                className="quick-links-link"
              >
                {link.label}
              </a>
            </li>
          ))}
        </ul>
      </div>
    </>
  );
}