@wix/design-system
Version:
@wix/design-system
27 lines • 1.19 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
import { st, classes } from './FullScreenModalLayoutContent.st.css.js';
import BaseModalLayout from '../../../BaseModalLayout';
import { DATA_HOOKS } from '../../FullScreenModalLayout.constants';
const FullScreenModalLayoutContent = ({ children, padding = false, dataHook, className, }) => {
return (React.createElement(BaseModalLayout.Content, { dataHook: dataHook || DATA_HOOKS.fullScreenModalLayoutContent, className: st(classes.root, { padding }, className) }, children));
};
FullScreenModalLayoutContent.displayName = 'FullScreenModalLayout.Content';
FullScreenModalLayoutContent.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,
/** Content node */
children: PropTypes.node.isRequired,
/**
* If true, applies padding to the content
* @default false
**/
padding: PropTypes.bool,
};
export default FullScreenModalLayoutContent;
//# sourceMappingURL=FullScreenModalLayoutContent.js.map