import React from 'react';
import BetweenBox from '../../BetweenBox';
import './index.less';

function InfoBox({ title, titleExt, children, className = '', style, contentStyle }) {
  return (
    <div className={`info-box-layout ${className}`} style={style}>
      {(!!title || !!titleExt) && <BetweenBox className="info-box-title-wrapper" left={title} right={titleExt}></BetweenBox>}
      <div className="info-box-content-wrapper" style={contentStyle}>
        {children}
      </div>
    </div>
  );
}

export default InfoBox;
