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

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

export default ListBox;
