import { useRouter } from "next/navigation";
import { useTranslation } from "react-i18next";
export default function ButtomStepOne({ type }) {
  const router = useRouter();
  const { t } = useTranslation();
  return (
    <>
      <>
        <button
          type="button"
          onClick={() => router.push("/auth/choose-role")}
          className="flex-1 py-3 px-4 bg-white/5 border border-gray-700 rounded-xl text-gray-300 hover:bg-white/10 transition-colors"
        >
          {t("register.cancel")}
        </button>
        <button
          type="submit"
          className={`flex-1 bg-gradient-to-r ${type === "owner" ? "  from-amber-500 to-amber-600" : " from-blue-500 to-blue-600"}  text-white py-3 px-4 rounded-xl font-medium ${type === "onwer" ? "hover:from-amber-600 hover:to-amber-700" : "hover:from-blue-600 hover:to-blue-700"}  transition-all`}
        >
          {t("register.next")}
        </button>
      </>
    </>
  );
}