import React from 'react'
import { ButtonProps, ButtonState } from 'atoms/Button'
import { StyledContinueButton } from './styled'

class ContinueButton extends React.PureComponent<ButtonProps, ButtonState> {
  static defaultProps = {
    breedType: 'text',
    text: 'Continue',
    role: 'button',
    'aria-label': 'button',
    'aria-pressed': false,
  }
  render() {
    const { breedType, text, ...remainingProps } = this.props
    return (
      <React.Fragment>
        <StyledContinueButton breedType={breedType} text={text} {...remainingProps} />
      </React.Fragment>
    )
  }
}

export { ContinueButton }
export default ContinueButton