# elementor/3.8.0-beta1/app/assets/js/ui/dialog/dialog-wrapper.js

Elementor Website Builder – more than just a page builder, version 3.8.0-beta1. 34 lines.

- Page: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/assets/js/ui/dialog/dialog-wrapper.js
- Raw: https://pluginprobe.com/plugins/elementor/3.8.0-beta1/raw/app/assets/js/ui/dialog/dialog-wrapper.js
- Modified: 2022-09-19T16:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/3.8.0-beta1/code/app/assets/js/ui/dialog/dialog-wrapper.js#L10-L20`.

```javascript
import Button from 'elementor-app/ui/molecules/button';

export default function DialogWrapper( props ) {
	let WrapperTag = 'div';

	if ( props.onSubmit ) {
		WrapperTag = 'form';
	}

	return (
		<section className="eps-modal__overlay">
			<WrapperTag className="eps-modal eps-dialog" onSubmit={ props.onSubmit }>
				{
					props.onClose &&
					<Button
						onClick={ props.onClose }
						text={ __( 'Close', 'elementor' ) }
						hideText={ true }
						icon="eicon-close"
						className="eps-dialog__close-button"
					/>
				}
				{ props.children }
			</WrapperTag>
		</section>
	);
}

DialogWrapper.propTypes = {
	onClose: PropTypes.func,
	onSubmit: PropTypes.func,
	children: PropTypes.any,
};

```