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