@wix/design-system
Version:
@wix/design-system
10 lines • 750 B
JavaScript
import React from 'react';
import { st, classes } from './Illustration.st.css.js';
import { dataHooks } from '../../constants';
import { useBaseModalLayoutContext } from '../../BaseModalLayoutContext';
export const Illustration = ({ dataHook, className, children, } = {}) => {
const { illustrationClassName, illustration = children } = useBaseModalLayoutContext();
return ((illustration && (React.createElement("div", { "data-hook": dataHook, className: st(classes.root, illustrationClassName, className) }, typeof illustration === 'string' ? (React.createElement("img", { className: classes.image, src: illustration, "data-hook": dataHooks.illustrationSrc })) : (illustration)))) ||
null);
};
//# sourceMappingURL=Illustration.js.map