interface LogoProps {
  onClick: () => void;
}

export default function Logo({ onClick }: LogoProps) {
  return (
    <button
      type="button"
      onClick={onClick}
      aria-label="首页"
      className="logotype"
      style={{
        background: 'none',
        border: 'none',
        cursor: 'pointer',
        padding: 0,
        display: 'flex',
        alignItems: 'center',
        gap: '0.5rem',
        borderRadius: 0,
        color: 'inherit',
      }}
    >
      <img
        src="/logo.png"
        alt="SproutLink"
        width={30}
        height={30}
        draggable={false}
        style={{ display: 'block', objectFit: 'contain' }}
      />
      <span style={{ fontWeight: 700, fontSize: '1rem', color: 'var(--text)', letterSpacing: '-0.01em' }}>
        SproutLink
      </span>
    </button>
  );
}
