@wix/design-system
Version:
@wix/design-system
26 lines • 1.62 kB
JavaScript
import React from 'react';
import { st, classes } from './MarketingPageLayout.st.css.js';
import { dataHooks } from './constants';
import { Layout, Cell } from '../Layout';
import Divider from '../Divider';
/** Marketing Page Layout */
function MarketingPageLayout({ dataHook, className, horizontalSize = 'large', verticalSize = 'large', removeImageHorizontalPadding = false, removeImageVerticalPadding = false, content, image, footer, height, fullHeightImage = false, }) {
return (React.createElement(Layout, { dataHook: dataHook, className: st(classes.root, {
horizontalSize,
verticalSize,
removeImageHorizontalPadding,
removeImageVerticalPadding,
}, className), height: height, gap: 0 },
content && (React.createElement(Cell, { span: 6, vertical: true },
React.createElement("div", { "data-hook": dataHooks.contentContainer, className: classes.contentContainer }, content))),
image && (React.createElement(Cell, { span: 6, className: classes.imageCell },
React.createElement("div", { "data-hook": dataHooks.imageContainer, className: st(classes.imageContainer, {
full: fullHeightImage,
}) }, image))),
footer && (React.createElement(Cell, { span: 12 },
React.createElement(Divider, null),
React.createElement("div", { "data-hook": dataHooks.footerContainer, className: classes.footerContainer }, footer)))));
}
MarketingPageLayout.displayName = 'MarketingPageLayout';
export default MarketingPageLayout;
//# sourceMappingURL=MarketingPageLayout.js.map