1
import { Heart } from "lucide-react";
2
 
3
interface FooterProps {
4
  expanded: boolean;
5
}
6
 
7
export function Footer({ expanded }: FooterProps) {
8
  return (
9
    <footer className="hidden shrink-0 sm:block">
10
      <div
11
        className={`flex items-center justify-between border-t border-zinc-800/60 px-4 py-2 sm:px-6 ${expanded ? "" : "mx-auto max-w-7xl"}`}
12
      >
13
        <a
14
          href="https://limic.dev"
15
          target="_blank"
16
          rel="noopener noreferrer"
17
          className="flex items-center gap-1 text-xs text-zinc-500 underline decoration-zinc-700 underline-offset-2 transition-colors hover:text-accent-400"
18
        >
19
          Made with
20
          <Heart className="inline h-3 w-3 text-accent-500" aria-hidden="true" />
21
          on Cloudflare
22
        </a>
23
        <a
24
          href="https://git.limic.dev/rachel/bland"
25
          target="_blank"
26
          rel="noopener noreferrer"
27
          className="text-xs text-zinc-500 underline decoration-zinc-700 underline-offset-2 transition-colors hover:text-accent-400"
28
        >
29
          Source code
30
        </a>
31
      </div>
32
    </footer>
33
  );
34
}