export default function Button({
  label,
  onClick,
  className = "",
  type = "button",
  buttonType = "primary",
  disabled = false,
  children,
}: {
  label: string;
  onClick: () => void;
  className?: string;
  type?: "button" | "submit" | "reset";
  buttonType?: "primary" | "secondary";
  disabled?: boolean;
  children?: React.ReactNode;
}) {
  // You can add more styles based on buttonType if needed
  const buttonStyles =
    buttonType === "primary"
      ? "bg-[#01A3FF] hover:bg-[#0190d9] text-white"
      : "bg-white hover:bg-neutral-700 text-[#01A3FF] border-1 border-solid border-[#01A3FF]";
  return (
    <button
      onClick={onClick}
      type={type}
      className={`rounded-[8px] px-4 py-2 ${buttonStyles} hover:cursor-pointer ${className} ${
        disabled ? "opacity-50 cursor-not-allowed" : ""
      }`}
    >
      {label}
      {children}
    </button>
  );
}