const Button = ({
	label,
	onClick,
	width
}: {
	label: string;
	onClick: () => Promise<void>;
	width: string;
}) => {
	return (
		<button
			className={`bg-white/90 active:bg-white hover:cursor-pointer h-full rounded-lg text-xl ${width}`}
			onClick={onClick}
		>
			<span
				style={{
					background: "linear-gradient(to right, #9F0712, #6868B6)",
					backgroundClip: "text",
					WebkitBackgroundClip: "text",
					WebkitTextFillColor: "transparent"
				}}
			>
				{label}
			</span>
		</button>
	);
};

export default Button;