import React from "react";
import { Button } from "react-native";
import { handleSignOut } from "../../auth";
import { useAuthHeader } from "../../graphql/client";

export default function SignOutButton(): React.JSX.Element {
	const { setAuthHeader } = useAuthHeader();

	return (
		<Button
			title={"Sign out"}
			onPress={async () => {
				setAuthHeader({ key: "Authorization", value: "" });
				await handleSignOut();
			}}
		/>
	);
}