interface ButtonProps {
  type?: "button" | "reset" | "submit" | undefined;
  disabled: boolean;
  content: string;
  name?: string;
  id?: string;
}

export function SubmitButtonElement(
  props: React.PropsWithChildren<ButtonProps>,
) {
  return (
    <button
      id={props.id}
      disabled={props.disabled}
      type={props.type}
      className={`flex w-full justify-center rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 duration-300 ${
        props.disabled
          ? "hover:cursor-not-allowed"
          : "hover:bg-indigo-700 hover:cursor-pointer"
      }`}
    >
      {props.content}
    </button>
  );
}
