---
import { Icon } from 'astro-icon/components';
import { SITE, SOCIALS } from '../consts';
const year = new Date().getFullYear();
---

<footer class="site-footer">
  <div class="site-footer__inner">
    <p>
      © {year} {SITE.author} · <a href="/uses">Uses</a> ·
      <a href="/impressum">Impressum</a> · <a href="/datenschutz">Datenschutz</a>
    </p>
    {
      SOCIALS.length > 0 && (
        <nav aria-label="Social" class="socials">
          {SOCIALS.map((s) => (
            <a href={s.href} rel="me noopener">
              <Icon name={s.icon} />
              {s.label}
            </a>
          ))}
        </nav>
      )
    }
  </div>
</footer>