How to use the @patternfly/patternfly/components/EmptyState/empty-state.css.modifiers function in @patternfly/patternfly

import React from 'react';
import PropTypes from 'prop-types';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/patternfly/components/EmptyState/empty-state.css';

export const EmptyStateVariant = {
  large: 'large',
  small: 'small',
  full: 'full',
};

const maxWidthModifiers = {
  large: styles.modifiers.lg,
  small: styles.modifiers.sm,
  full: null,
}

const EmptyState = ({ children, className, variant, ...props }) => {
  const maxWidthModifier = variant && maxWidthModifiers[variant];
  return (
    <div>
      {children}
    </div>
  );
};

EmptyState.propTypes = {
  /** Additional classes added to the EmptyState */
  className: PropTypes.string,

import React from 'react';
import PropTypes from 'prop-types';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/patternfly/components/EmptyState/empty-state.css';

export const EmptyStateVariant = {
  large: 'large',
  small: 'small',
  full: 'full',
};

const maxWidthModifiers = {
  large: styles.modifiers.lg,
  small: styles.modifiers.sm,
  full: null,
}

const EmptyState = ({ children, className, variant, ...props }) => {
  const maxWidthModifier = variant && maxWidthModifiers[variant];
  return (
    <div>
      {children}
    </div>
  );
};

EmptyState.propTypes = {
  /** Additional classes added to the EmptyState */
  className: PropTypes.string,
  /** Content rendered inside the EmptyState */