import Button from "@/components/button";
import { Center, ElementProps, SimpleGrid, Text } from "@mantine/core";
import { ChalkboardTeacherIcon } from "@phosphor-icons/react";
import { Trans } from "@lingui/react/macro";

const ExistingPlayerButton: React.FC<ElementProps<"button">> = ({ onClick }) => {
  return <Button
    p='xs'
    w='45%'
    h='fit-content'
    onClick={onClick}
    variant='outline'
  >
    <SimpleGrid style={{ overflow: 'hidden' }}>
      <Center>
        <ChalkboardTeacherIcon size='3rem' />
      </Center>
      <Text size='md' fw={600}><Trans>Returning Player</Trans></Text>
    </SimpleGrid>
  </Button>
};

export default ExistingPlayerButton;