@wix/design-system
Version:
@wix/design-system
24 lines • 1.28 kB
JavaScript
import React from 'react';
import { dataHooks } from './constants';
import { st, classes } from './MobilePreviewWidget.st.css.js';
import PreviewWidget from '../PreviewWidget';
/** Mobile preview widget */
class MobilePreviewWidget extends React.PureComponent {
render() {
const { dataHook, skin, backgroundColor, height, width, children } = this.props;
return (React.createElement(PreviewWidget, { className: st(classes.root), dataHook: dataHook, skin: skin, backgroundColor: backgroundColor, height: height, width: width },
React.createElement("div", { "data-hook": dataHooks.mobileHeader, className: classes.header },
React.createElement("div", { className: classes.speaker }),
React.createElement("div", { className: classes.camera })),
React.createElement("div", { "data-hook": dataHooks.mobileContent, className: classes.content }, children),
React.createElement("div", { "data-hook": dataHooks.mobileFooter, className: classes.footer })));
}
}
MobilePreviewWidget.displayName = 'MobilePreviewWidget';
MobilePreviewWidget.defaultProps = {
skin: 'neutral',
height: '100%',
width: '100%',
};
export default MobilePreviewWidget;
//# sourceMappingURL=MobilePreviewWidget.js.map