import styled from 'styled-components';
import { Flexbox } from '../../..';
export var StyledBackground = styled.div.withConfig({
  displayName: "storiesShared__StyledBackground",
  componentId: "sc-pu6p14-0"
})(["background-color:", ";&:not(:last-of-type){margin-bottom:", "px;}"], function (p) {
  return p.theme.color.background;
}, function (p) {
  return p.theme.spacing.unit(10);
});
export var StyledFlexboxContainer = styled(Flexbox).withConfig({
  displayName: "storiesShared__StyledFlexboxContainer",
  componentId: "sc-pu6p14-1"
})(["justify-content:inherit;"]);