import React from 'react'
import { LabelValueSectionProps } from './typings'
import { defaultRenderWrapper, defaultRenderLabelSectionItems } from './renderProps'

class LabelValueSection extends React.PureComponent<LabelValueSectionProps> {
  static defaultProps = {
    className: '',
    label: '',
    value: '',
    labelPrefix: 'original',
    valuePrefix: '$',
    //
    renderLabelSectionItems: defaultRenderLabelSectionItems,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderWrapper, renderLabelSectionItems, ...remainingProps } = this.props
    const children = renderLabelSectionItems(remainingProps)
    const view = renderWrapper({ ...remainingProps, children })
    return view
  }
}

export { LabelValueSection }
export default LabelValueSection