// Button.jsx
function Button({ variant = 'primary', size = 'md', href, onClick, children, style, className = '', target, rel, ...rest }) {
  const cls = ['btn', `btn--${variant}`, size !== 'md' && `btn--${size}`, className].filter(Boolean).join(' ');
  const Tag = href ? 'a' : 'button';
  return (
    <Tag className={cls} href={href} target={target} rel={rel} onClick={onClick} style={style} {...rest}>
      {children}
    </Tag>
  );
}

window.Button = Button;