import * as React from 'react';

import { Props, State } from './type';
import { Box } from './index.style';


export class BgContainer extends React.Component<Props, State> {
  public static defaultProps = new Props();
  public state = new State();

  public render() {
    let {
      isEdit,
      style: oriStyle,
      children,
      margin,
      borderRadius,
      padding,
      background
    }= this.props;

    return (
      <Box
        style={{
          ...oriStyle,
        }}
        margin={margin}
        borderRadius={borderRadius}
        padding={padding}
        background={background}
      >
        {children}
      </Box>
    )
  }
}
