---
/**
 * Shared site footer used by all pages.
 *
 * Displays location info. Accepts optional children for page-specific
 * additions (e.g. API rate limit display).
 */
interface Props {
  class?: string;
}

const { class: className } = Astro.props;
---

<footer class:list={["border-t border-border bg-container-body/30 backdrop-blur-sm", className]}>
  <div class="mx-auto flex max-w-6xl flex-col items-center gap-0.5 px-6 py-8 text-center">
    <span class="text-base text-muted">
      Made with &#10084;&#65039; in Bregenz
    </span>
    <span class="text-base text-muted">
      at Lake Constance
    </span>
    <span class="text-base text-muted">
      Austria
    </span>
    <slot />
  </div>
</footer>
