import React from 'react';

import { BoxProps } from './interface';
import Left from './left';
import Right from './right';
import { Box } from './styled';

export default function ContentBox(props: BoxProps) {
  return (
    <Box>
      <Left
        boxIndex={props.boxIndex}
        leftRenderDom={props.leftRenderDom}
        leftcontentstyle={props.leftcontentstyle}
        leftWaterfallDom={props.leftWaterfallDom}
      />
      <Right rightRenderDom={props.rightRenderDom} />
    </Box>
  );
}
