import MainButton, { ButtonProps } from "@/components/MainButton";
import styles from "./styles.module.scss";

interface IButtonProps extends ButtonProps {
  active?: boolean;
}

function Button(props: IButtonProps) {
  const { active, ...buttonProps } = props;
  return (
    <MainButton {...buttonProps} className={`${styles.button} ${props.className} ${active ? styles.active : ""}`}>
      {props.children}
    </MainButton>
  );
}

export default Button;
