text: import { Button, useBreakpointValue, VisuallyHidden } from "@chakra-ui/react"
  import { FaGithub } from "react-icons/fa"
  
  const GithubButton = ({ onClick }) => {
    const showButtonText = useBreakpointValue({ base: false, sm: true })
  
    return (
      <Button
        type="button"
        colorScheme="gray"
        size="lg"
        fontSize="md"
        leftIcon={<FaGithub />}
        onClick={onClick}
      >
        <VisuallyHidden>Sign up with Github</VisuallyHidden>
        {showButtonText && "Sign up with Github"}
      </Button>
    )
  }
  
  export default GithubButton
  