import React from 'react';
import { Row, Col } from 'antd';
import TwoColumnBox from './TwoColumnBox';
import BarBox from './BarBox';
import CardMode from './CardMode';
import InfoBox from './InfoBox';
import ListBox from './ListBox';
import defaultContentGrid from '../../deps/content-grid';
import './index.less';

const ContentBox = ({ className = '', contentGrid = defaultContentGrid, children }) => {
  return (
    <Row className={`single-column-layout-container ${className}`}>
      <Col className="single-column-content" {...contentGrid}>
        {children}
      </Col>
    </Row>
  );
};

ContentBox.TwoColumnBox = TwoColumnBox;
ContentBox.BarBox = BarBox;
ContentBox.CardMode = CardMode;
ContentBox.InfoBox = InfoBox;
ContentBox.ListBox = ListBox;
export default ContentBox;
