import { React, PropTypes, styled } from '../../../helpers/react';
import { Button } from 'react-bootstrap';


const StyledBtn = styled(Button).attrs({ size: 'lg' })`
  align-self: flex-end;
  margin: 4rem;
`;

export default function ContinueBtn({ ux: {
  canGoForward, isForwardEnabled, goForward,
}, ...props }) {
  if (!canGoForward) { return null; }

  return (
    <StyledBtn
      variant="primary"
      {...props}
      className="continue"
      disabled={!isForwardEnabled}
      onClick={goForward}
    >
      Continue
    </StyledBtn>
  );
}


ContinueBtn.propTypes = {
  ux: PropTypes.shape({
    isForwardEnabled: PropTypes.bool.isRequired,
    canGoForward: PropTypes.bool.isRequired,
    goForward: PropTypes.func.isRequired,
  }).isRequired,
};

@@ -267,26 +267,8 @@
 ard,
- isForwardEnabled,
  goF
@@ -295,46 +295,8 @@
 %7D) %7B
-%0A  if (!canGoForward) %7B return null; %7D
 %0A%0A  
@@ -404,32 +404,28 @@
 abled=%7B!
-is
+canGo
 Forward
-Enabled
 %7D%0A      
@@ -545,57 +545,8 @@
 e(%7B%0A
-    isForwardEnabled: PropTypes.bool.isRequired,%0A
     

use canGoForward instead of isForwardEnabled