import React from 'react'
import { Empty } from 'atoms/Empty'
import { LabelValueSectionProps } from './typings'
import { Wrapper, StyledLabel, StyledValue } from './styled'

function defaultRenderLabelSectionItems(props: LabelValueSectionProps) {
  const { label, value, labelPrefix, valuePrefix } = props
  return (
    <React.Fragment>
      <StyledLabel>{labelPrefix}{label}</StyledLabel>
      <StyledValue>{valuePrefix}{value}</StyledValue>
    </React.Fragment>
  )
}

function defaultRenderWrapper(props: LabelValueSectionProps) {
  const { className, children } = props
  return <Wrapper className={className}>{children}</Wrapper>
}

export { defaultRenderWrapper, defaultRenderLabelSectionItems }