const links = [
  { label: "GitHub", href: "https://github.com/javidselimov" },
  { label: "LinkedIn", href: "https://www.linkedin.com/in/javidsalim/" },
  { label: "npm", href: "https://www.npmjs.com/~ubuligan" },
];

export function AuthorCredit() {
  return (
    <div className="fixed bottom-4 right-4 z-50 flex items-center gap-3 rounded-full border bg-background/80 px-4 py-2 text-sm shadow-lg backdrop-blur">
      <span className="font-medium">Javid Salimov</span>
      <span className="text-muted-foreground">·</span>
      {links.map((l) => (
        <a
          key={l.label}
          href={l.href}
          target="_blank"
          rel="noreferrer"
          className="text-muted-foreground transition-colors hover:text-foreground"
        >
          {l.label}
        </a>
      ))}
    </div>
  );
}