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

export default function () {
  return (
    <Container pt="16vh">
      <Card p="4vh">
        <VStack alignContent="center" gap="2vh">
          <Heading>Log in to Car Crushers</Heading>
          <br />
          <Button
            colorScheme="blue"
            onClick={() => location.assign("/api/auth/oauth")}
          >
            Log in with Discord
          </Button>
        </VStack>
      </Card>
    </Container>
  );
}
