---
export interface Props {
  studio?: string;
  city?: string;
  country?: string;
  est?: number;
}
const { studio = 'Mostuki Photo', city = 'CANNES', country = 'FR', est = 2018 } = Astro.props;
const year = new Date().getFullYear();
---
<footer class="site-footer">
  <div class="foot-row">
    <span>[ {studio.toUpperCase()} ]</span>
    <span>STUDIO DE PHOTOGRAPHIE</span>
    <span>{city} {country}</span>
    <span>EST. {est}</span>
    <span>&copy; {year}</span>
    <span><a href="#top">^ TOP</a></span>
  </div>
  <p class="build-info" aria-hidden="true">
    BUILD 0042 &middot; COMPILED WITH HTML5 / CSS3 / HEART &middot; SERVING SINCE 2018 &middot; HUMAN-READABLE / MACHINE-READY &middot; TRY ↑↑↓↓←→←→BA
  </p>
</footer>