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

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

export { PrimaryButton }
export default PrimaryButton