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

class ButtonWithIcon extends React.PureComponent<ButtonProps, ButtonState> {
  static defaultProps = {
    breedType: 'icon-with-text',
    text: 'Cancel Order',
    role: 'button',
    'aria-label': 'button',
    'aria-pressed': false,
    iconType: 'cart',
  }
  render() {
    const { breedType, text, iconType, ...remainingProps } = this.props
    return (
      <StyledButtonWithIcon
        breedType={breedType}
        text={text}
        iconType={iconType}
        {...remainingProps}
      />
    )
  }
}

export { ButtonWithIcon }
export default ButtonWithIcon