import * as React from 'react';
import { toStyle } from '../Utilities/Helpers/StyleHelper';
import { twMerge } from '../twMerge';
import { Box } from './Flex';
import clsx from 'clsx';
export const StylePreview = (props) => (React.createElement(Box, { ...props, className: clsx(twMerge('ab-StylePreview twa:p-2 twa:mt-2', props.className), props.styleObject.ClassName), style: { ...toStyle(props.styleObject), ...props.style } }, props.children ?? 'Preview result'));
