// @flow
import React from 'react';
import { Box } from '../../../src/primitives/box';
import { type ContainerProps } from '../../../src/mixins/container';

export const StoryPreviewSet = ({ children }: ContainerProps) => (
  <Box
    wrap={['md']}
    stacked={{
      sm: 'column',
      md: 'row',
    }}
    align="stretch"
  >
    {children}
  </Box>
);
