import React from 'react'
import { ProductIdentifierProps } from './typings'
import { Wrapper, LabelElement, ValueElement } from './styled'

class ProductIdentifier extends React.PureComponent<ProductIdentifierProps> {
  static defaultProps = {
    className: '',
    label: 'Identifier',
    value: '1',
  }

  render() {
    const { className, label, value } = this.props
    return (
      <Wrapper className={className}>
        <LabelElement>{label}</LabelElement>
        <ValueElement>{value}</ValueElement>
      </Wrapper>
    )
  }
}

export { ProductIdentifier }
export default ProductIdentifier