import { cx } from 'emotion' ; import * as React from 'react' ; import Icon , { Icons } from '../Icon' ; import styles from './NextButton.styles' ; interface NextButtonProps { hide : boolean ; onClick : ( ) => any ; } const NextButton = ( { hide = false , onClick } ) => ( < button className = { cx ( 'next' , styles . button , hide && styles . hide ) } onClick = { onClick } > < Icon icon = { Icons . chevronRightLarge } className = { cx ( 'icon' , styles . icon ) } / > < /button>); export default NextButton ;