---
import { assetPath } from '../assets'
import type { Translations } from '../i18n/translations'

export interface Props {
  t: Translations['footer']
}

const { t } = Astro.props
const logoFull = assetPath("/assets/footer-logo.png");
---

<footer class="site-footer">
  <div class="site-footer__inner">
    <div class="site-footer__top">
      <div class="site-footer__brand">
        <div class="site-footer__logo-frame">
          <img alt={t.logoAlt} class="site-footer__logo" src={logoFull} />
        </div>
        <p class="site-footer__description">
          {t.description}
        </p>
      </div>
    </div>

    <div class="site-footer__divider"></div>

    <div class="site-footer__bottom">
      <p class="site-footer__legal">{t.copyright}</p>
      <div class="site-footer__spacer"></div>
      <p class="site-footer__legal">{t.legal}</p>
    </div>
  </div>
</footer>