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

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

export { GhostButton }
export default GhostButton