"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StylePreview = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const rebass_1 = require("rebass");
const StyleHelper_1 = require("../Utilities/Helpers/StyleHelper");
const join_1 = tslib_1.__importDefault(require("./utils/join"));
const StylePreview = (props) => (React.createElement(rebass_1.Box, { ...props, className: (0, join_1.default)('ab-StylePreview', props.className), padding: props.padding ?? 2, mt: props.mt ?? 2, style: { ...(0, StyleHelper_1.toStyle)(props.styleObject), ...props.style } }, props.children ?? 'Preview result'));
exports.StylePreview = StylePreview;
