import { ButtonHTMLAttributes } from "react";

export function PrimaryButton(props: ButtonHTMLAttributes<HTMLButtonElement>) {
	return (
		<button
			{...props}
			className="bg-[var(--primary-600)] hover:bg-[var(--primary-700)] disabled:cursor-not-allowed disabled:bg-[var(--black-200)] text-white px-[19px] py-[15px] rounded-[10px] font-[Inter] text-[18px] font-[500] w-full cursor-pointer border-0"
		>
			{props.children}
		</button>
	);
}
