import React from 'react'
import { SpecificationListProps } from './typings'
import { StyledDetailedList } from './styled'
import Empty from 'atoms/Empty'

const renderHeader = () => <Empty />
/**
 * @todo
 * #1 - need to change children tag name as well
 * #2 - need to styled each item in different style
 */
class SpecificationList extends React.PureComponent<SpecificationListProps> {
  render() {
    return (
      <StyledDetailedList
        renderDetailedListHeading={renderHeader}
        {...this.props}
      />
    )
  }
}

export { SpecificationList }
export default SpecificationList