class ButtonWithLoading extends React.Component {
    render() {
        const { isLoading } = this.props;

        return (
            <Button onClick={ onButtonClick }>
                {
                    isLoading && <CircularProgress />
                }
            </Button>
        );
    }
}

class HOC extends React.Component {
    render() {
        const { isLoading } = this.props;
        return <ButtonWithLoading { ...{ isLoading } } />;
    }
}

export default connect(({ documents }) => ({
    isLoading: documents.isLoading,
    documents: documents.data
}))(HOC);