# ghostkit/3.3.2/gutenberg/components/modal/index.js

Block Animations, Motion & Scroll Effects – Ghost Kit, version 3.3.2. 35 lines.

- Page: https://pluginprobe.com/plugins/ghostkit/3.3.2/code/gutenberg/components/modal/index.js
- Raw: https://pluginprobe.com/plugins/ghostkit/3.3.2/raw/gutenberg/components/modal/index.js
- Modified: 2024-02-18T18:40:24+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/ghostkit/3.3.2/code/gutenberg/components/modal/index.js#L10-L20`.

```javascript
import classnames from 'classnames/dedupe';

import { Modal } from '@wordpress/components';

/**
 * Component Class
 *
 * @param props
 */
export default function ModalComponent(props) {
	let className = 'ghostkit-component-modal';

	if (props.position) {
		className = classnames(
			className,
			`ghostkit-component-modal-position-${props.position}`
		);
	}

	if (props.size) {
		className = classnames(
			className,
			`ghostkit-component-modal-size-${props.size}`
		);
	}

	className = classnames(className, props.className);

	return (
		<Modal {...props} className={className}>
			{props.children}
		</Modal>
	);
}

```