@hackplan/polaris/esnext/components/MessageIndicator/MessageIndicator.js

Shopify’s product component library

import React from 'react';
import styles from './MessageIndicator.scss';
export default function MessageIndicator({ children, active }) {
    const indicatorMarkup = active && (<div testID="indicator" className={styles.MessageIndicator}/>);
    return (<div className={styles.MessageIndicatorWrapper}>
      {indicatorMarkup}
      {children}
    </div>);
}