interface props {
  title: string;
  onClick: () => void;
  isSelected: boolean;
}

const CardBtn = ({ title, onClick, isSelected }: props) => {
  const buttonClass = isSelected
    ? "w-full font-bold md:px-4 py-1 text-xs lg:text-sm xl:text-xl cursor-pointer"
    : "w-full font-medium md:px-4 py-1 text-xs lg:text-sm xl:text-xl text-gray-400 shadow-inner hover:text-text-gold cursor-pointer";

  return (
      <a className={buttonClass} onClick={onClick}>
        {title}
      </a>
  );
};

export default CardBtn;
