import styled from 'styled-components';
import space from '@styled-system/space';
import color from '@styled-system/color';
import border from '@styled-system/border';
import layout from '@styled-system/layout';
import flexbox from '@styled-system/flexbox';
import position from '@styled-system/position';
import shadow from '@styled-system/shadow';

var Box = styled("div")(color, space, border, shadow, layout, position, flexbox);
Box.defaultProps = {
  backgroundColor: "inherit",
  borderStyle: "solid",
  borderWidth: "zero",
  padding: "sm",
  display: "flex"
};

export default Box;
