import React from 'react' ; import { Button , Text , Box , ButtonGroup } from '@stacks/ui' ; import { useConnect } from '@stacks/connect-react' ; export const Auth = ( ) => { const { doOpenAuth } = useConnect ( ) ; return ( < Box > < Text display = "block" textStyle = "body.large" > Sign in with your Hiro Wallet to try out a demo of the Stacks 2.0 blockchain . < /Text> < ButtonGroup spacing = { 'base' } mt = { 'base-loose' } > < Button size = "lg" mode = "primary" onClick = { ( ) => doOpenAuth ( ) } data - testid = "sign-up" > Sign up < /Button> < /ButtonGroup> < /Box>); } ;