import React from 'react';
import { Row, Col } from 'antd';
import './index.less';

function BarBox({ leftContent, rightContent, children, height = 44, style = {} }) {
  return (
    <Row className="content-bar-box" style={{ height, ...style }}>
      <Col className="left-bar-content" >
        {leftContent}
      </Col>
      <Col className="mid-bar-content">{children}</Col>
      <Col className="right-bar-content">
        {rightContent}
      </Col>
  </Row>
  );
}

export default BarBox;
