---
import Container from '@components/Container.astro'
import SocialIcons from './SocialIcons.astro'
import { ModeToggle } from '@components/ui/mode-toggle'
---

<footer class="py-4">
  <Container>
    <div class="flex justify-between items-center">
      <div class="flex items-center space-x-4">
        <ModeToggle client:load />
        <p class="text-sm text-muted-foreground">&copy; {new Date().getFullYear()} All rights reserved.</p>
      </div>
      <SocialIcons />
    </div>
  </Container>
</footer>
