import * as React from 'react';
import { Box } from 'rebass';
import { toStyle } from '../Utilities/Helpers/StyleHelper';
import join from './utils/join';
export const StylePreview = (props) => (React.createElement(Box, { ...props, className: join('ab-StylePreview', props.className), padding: props.padding ?? 2, mt: props.mt ?? 2, style: { ...toStyle(props.styleObject), ...props.style } }, props.children ?? 'Preview result'));
