28 lines
619 B
JavaScript
28 lines
619 B
JavaScript
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;
|