---
import Container from "@/components/Container.astro";
import Link from "@/components/Link.astro";
import { Separator } from "@/components/ui/separator";
import { SOCIAL_LINKS } from "@/consts";
import SocialIcons from "./SocialIcons.astro";---

<footer class="py-4">
  <Container>
    <div
      class="flex flex-col items-center justify-center gap-y-2 sm:flex-row sm:justify-between"
    >
      <div class="flex items-center gap-x-2">
        <span class="text-muted-foreground text-sm">
          &copy; {new Date().getFullYear()} All rights reserved.
        </span>
        <Separator orientation="vertical" className="hidden h-4! sm:block" />
        <p class="text-muted-foreground text-sm">
          <Link
            href="https://z0x.ca?utm_source=blog.z0x.ca"
            class="text-foreground"
            external
            underline>z0x</Link
          >
        </p>
      </div>
      <SocialIcons links={SOCIAL_LINKS} />
    </div>
  </Container>
</footer>