import React from 'react'
import { HeaderItemProps } from './typings'
import { StyledContainer } from './styled'

function defaultRenderHeaderItem(item: HeaderItemProps, index: number) {
  const { label, width, align, className } = item
  const view = (
    <StyledContainer
      key={index}
      className={className}
      width={width}
      align={align}
    >
      {label}
    </StyledContainer>
  )
  return view
}

export { defaultRenderHeaderItem }