"use client";

import Link from "next/link";
import "../styles/components/Footer.css";

const Footer = () => {
  return (
    <footer className="footer">
      <div className="footer__content">
        <div className="footer__links">

          <small className="footer__item">
            <Link href="/villkor">Köpvillkor</Link>
          </small>
          <small className="footer__item">
            <Link href="/integritetspolicy">Integritetspolicy</Link>
          </small>
          <small className="footer__item">
            <Link href="/kontakta-oss">Kontakta oss</Link>
          </small>
          <small className="footer__item">
            <button
              className="footer__link-button"
              onClick={() => {
                window.dispatchEvent(new Event("open-cookie-settings"));
              }}
            >
              Cookieinställningar
            </button>

          </small>
        </div>
        <div className="footer__contact-details">
          <small className="footer__contact">
            Skarprättarvägen 30, 176 77 Järfälla
          </small>
          <small className="footer__contact">
            Alla dagar 09:00-22:00
          </small>
          <small className="footer__contact">
            <a href="mailto:info@nordicstorium.se">info@nordicstorium.se</a>
          </small>
          <small className="footer__contact">
            <a href="tel:+46700342324">070-034 23 24</a>
          </small>
        </div>
        <small className="footer__item footer__copyright">
          © 2026 <Link href="/" title="Nordic Storium">Nordic Storium</Link>
        </small>
      </div>
    </footer>
  );
};

export default Footer;
