How to use the @patternfly/patternfly/utilities/Accessibility/accessibility.css.screenReader function in @patternfly/patternfly

const ModalBoxHeader = ({ hideTitle, children, className, ...props }) => {
  const hidden = hideTitle ? css(accessibleStyles.screenReader) : '';

  return 
    <title size="2xl">
      {children}
    </title>
  ;
};

const Alert = ({
  variant,
  variantLabel,
  'aria-label': ariaLabel = getDefaultAriaLabel(variant),
  action,
  title,
  children,
  className,
  ...props
}) => {
  variantLabel = variantLabel || capitalize(AlertVariant[variant]);
  const readerTitle = (
    
      <span>{`${variantLabel} alert:`}</span>
      {title}
    
  );

  const customClassName = css(styles.alert, getModifier(styles, variant, styles.modifiers.info), className);

  return (
    <div aria-label="{ariaLabel}">
      
      <h4>{readerTitle}</h4>
      {children &amp;&amp; (
        <div>
          <p>{children}</p>
        </div>
      )}
      {action &amp;&amp; (</div>

value={{
        showBreadcrumb,
      }}
    >