import React from 'react' ; import cx from 'classnames' ; import Button from '../../Button' ; import styles from '../styles.scss' ; import common from '../../../common.scss' ; export type UserPanelSignedOutProps = { signUpButtonLabel : string ; onSignUpClick : React . MouseEventHandler ; } ; const UserPanelSignedOut = ( { signUpButtonLabel , onSignUpClick } ) => < section className = { cx ( common . nuclear , styles . user_panel , styles . signed_out ) } > < Button onClick = { onSignUpClick } > { signUpButtonLabel } < /Button> < /section>; export default UserPanelSignedOut ;