@mikezimm/fps-library-v2/lib/components/molecules/FullPageBackGround/FullPageBGImageElement.js

Library of reusable typescript/javascript functions, interfaces and constants

import * as React from 'react';
import { FullPageBGElementClasses } from './FullPageBGElementClasses';
// _isSPA === true || expandoramicMode === true
export function FullPageBGImageElement(webPartProps) {
    const { fullPageImage, fullPageImageFilter, fullPageOverlayOpacity } = webPartProps;
    const { canvasClass, imgClass, useFullPageOverlayColor, UseFPBGColor } = FullPageBGElementClasses(webPartProps);
    const UseFPBGColorStyles = UseFPBGColor === true ? { height: '120vh', position: 'absolute', top: '-50vh' } : {};
    const divHTML2 = React.createElement("div", { className: `${canvasClass} visibleSlickSection` },
        React.createElement("img", { className: imgClass, src: fullPageImage, style: { filter: fullPageImageFilter ? fullPageImageFilter : '' } }),
        React.createElement("div", { className: `slickSectionCanvasBGOverlay`, style: { ...{ background: useFullPageOverlayColor, opacity: fullPageOverlayOpacity }, ...UseFPBGColorStyles } }));
    return divHTML2;
}
//# sourceMappingURL=FullPageBGImageElement.js.map