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
      style={{
        position: 'fixed',
        bottom: 16,
        right: 16,
        zIndex: 50,
        display: 'flex',
        alignItems: 'center',
        gap: 12,
        padding: '8px 16px',
        borderRadius: 9999,
        border: '1px solid #2a2f3a',
        background: 'rgba(13, 16, 22, 0.8)',
        backdropFilter: 'blur(8px)',
        fontSize: 13,
        color: '#e7eaf0',
      }}
    >
      <strong>Javid Salimov</strong>
      <span style={{ color: '#3a3f4a' }}>·</span>
      {links.map((l) => (
        <a
          key={l.label}
          href={l.href}
          target="_blank"
          rel="noreferrer"
          style={{ color: '#8b93a7', textDecoration: 'none' }}
        >
          {l.label}
        </a>
      ))}
    </div>
  );
}