import React from 'react'
import { ProductTitle } from './styled'
import { ProductNameProps } from './typings'

class ProductName extends React.PureComponent<ProductNameProps> {
  static defaultProps = {
    className: '',
    content: 'Specialized',
    breedType: 'h3',
  }
  render() {
    const { className, content, breedType, ...remainingProps } = this.props
    return (
      <ProductTitle
        className={className}
        breedType={breedType}
        content={content}
        {...remainingProps}
      />
    )
  }
}

export { ProductName }
export default { ProductName }