import MainButton, {
  ButtonProps as MainButtonProps,
} from "@/components/ui/Button/Button";

import styles from "./Button.module.scss";

interface ButtonProps extends MainButtonProps {
  active?: boolean;
}

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

export default Button;
