@wix/design-system
Version:
@wix/design-system
23 lines • 1.34 kB
JavaScript
import React from 'react';
import { DATA_HOOKS } from './BrowserPreviewWidget.constants';
import PreviewWidget from '../PreviewWidget';
import { st, classes } from './BrowserPreviewWidget.st.css.js';
/** Browser preview widget */
const BrowserPreviewWidget = ({ dataHook, skin = 'neutral', backgroundColor, height = '100%', width = '100%', browserBarSize = 'size12', children, }) => {
return (React.createElement(PreviewWidget, { className: st(classes.root, {
skin,
backgroundColor,
height,
width,
browserBarSize,
}), dataHook: dataHook, skin: skin, backgroundColor: backgroundColor, height: height, width: width },
React.createElement("div", { "data-hook": DATA_HOOKS.browserBar, className: classes.browserBar },
React.createElement("div", { className: classes.circlesContainer },
React.createElement("div", { className: classes.circle }),
React.createElement("div", { className: classes.circle }),
React.createElement("div", { className: classes.circle }))),
React.createElement("div", { "data-hook": DATA_HOOKS.browserContent }, children)));
};
BrowserPreviewWidget.displayName = 'BrowserPreviewWidget';
export default BrowserPreviewWidget;
//# sourceMappingURL=BrowserPreviewWidget.js.map