import { memo } from 'react';
import css from './ModalContent.module.scss';

/**
 * Creates modal content using pre-defined Rijkswaterstaat styling
 * @param props Props to pass to the modal content
 * @example
 * ```jsx
 * <ModalContent>
 *   <p>{text}</p>
 * </ModalContent>
 * ```
 */
export const ModalContent = memo((props) => (
  <div {...props} className={css.content}>
    {props.children}
  </div>
));