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>
  );
}