@wix/design-system

Version:
@wix/design-system
www.wixdesignsystem.com
28 lines • 1.38 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
import { st, classes } from './FullScreenModalLayoutHeader.st.css.js';
import { DATA_HOOKS } from '../../FullScreenModalLayout.constants';
const FullScreenModalLayoutHeader = ({ children, startNode, endNode, dataHook, className, }) => {
    return (React.createElement("div", { "data-hook": dataHook || DATA_HOOKS.fullScreenModalLayoutHeader, className: st(classes.root, {}, className) },
        startNode && React.createElement("div", { className: classes.startNode }, startNode),
        React.createElement("div", { className: classes.title }, children),
        endNode && React.createElement("div", { className: classes.endNode }, endNode)));
};
FullScreenModalLayoutHeader.displayName = 'FullScreenModalLayout.Header';
FullScreenModalLayoutHeader.propTypes = {
    /** Applies a data-hook HTML attribute that can be used in tests. */
    dataHook: PropTypes.string,
    /**
     * Allows you to apply a CSS class to the component's root element.
     * @internal
     **/
    className: PropTypes.string,
    /** The main title node */
    children: PropTypes.node.isRequired,
    /** The left node (in LTR) */
    startNode: PropTypes.node,
    /** The right node (in LTR) */
    endNode: PropTypes.node,
};
export default FullScreenModalLayoutHeader;
//# sourceMappingURL=FullScreenModalLayoutHeader.js.map