import CustomButton from "../CustomButton";
import DiscountExpires from "../DiscountExpires";
import styles from "./styles.module.css";

interface IHeaderProps {
  buttonText?: string;
  buttonClassName?: string;
  buttonClick: () => void;
}

function Header({
  buttonClick,
  buttonText = "get my reading",
  buttonClassName = "",
}: IHeaderProps) {
  return (
    <header className={styles.header}>
      <DiscountExpires />
      <CustomButton
        className={`${styles.button} ${buttonClassName}`}
        onClick={buttonClick}
      >
        {buttonText}
      </CustomButton>
    </header>
  );
}

export default Header;
