text: import { Col, Row } from 'antd';
  import React from 'react';
  import './styles.css';
  
  const headerLayout = [
    { span: 5, header: 'Name', offset: 1 },
    { span: 6, header: 'Type', offset: 4 },
  ];
  
  /**
   * @function
   * @name WarehouseListHeader
   * @description Render list headers
   * @returns {React.Component} react element
   *
   * @version 0.1.0
   * @since 0.1.0
   */
  const WarehouseListHeader = () => (
    <Row className="WarehouseListHeader">
      {headerLayout.map(item => (
        // eslint-disable-next-line react/jsx-props-no-spreading
        <Col key={item.header} {...item}>
          <h4 className="title">{item.header}</h4>
        </Col>
      ))}
    </Row>
  );
  
  export default WarehouseListHeader;
  