// Button.jsx
const Button = ({ variant = 'primary', size = 'md', icon, iconRight, children, onClick, href, ...rest }) => {
  const Tag = href ? 'a' : 'button';
  const iconSize = size === 'sm' ? 16 : 18;
  return (
    <Tag className={`btn btn-${variant} btn-${size}`} onClick={onClick} href={href} {...rest}>
      {icon && <Icon name={icon} size={iconSize} />}
      <span>{children}</span>
      {iconRight && <Icon name={iconRight} size={iconSize} />}
    </Tag>
  );
};
window.Button = Button;