import React from "react";
import "./styles/Button.css";

const Button = ({
  children,
  variant = "primary",
  size = "medium",
  icon,
  id,
  onClick,
  className = "",
}) => {
  const fullClassName =
    `galaxy-button variant-${variant} size-${size} ${className}`.trim();

  return (
    <button className={fullClassName} id={id} onClick={onClick}>
      <span className="button-content">
        {icon && <i className={`fas ${icon} button-icon`}></i>}
        <span className="button-text">{children}</span>
      </span>
      <span className="button-glow"></span>
    </button>
  );
};

export default Button;
