import {
  Button,
  Card,
  Container,
  Heading,
  Text,
  VStack,
} from "@chakra-ui/react";

export default function () {
  return (
    <Container pt="16vh">
      <Card borderRadius="32px" p="4vh">
        <VStack alignContent="center" gap="2vh">
          <Heading>Transfer Failed</Heading>
          <br />
          <Text>
            You verified with the same account that you submitted this request
            from. Please try again, and remember to switch accounts.
          </Text>
          <br />
          <Button
            as="a"
            borderRadius="24px"
            colorScheme="blue"
            href="/api/data-transfers/verify"
          >
            Try Again
          </Button>
        </VStack>
      </Card>
    </Container>
  );
}