Callout

  import React, { useEffect } from 'react';
  import { Callout } from '~/ui/components/Callout'

  export default function App() {
    return (
      <div style={styles.container}>
        <p>Callout Example</p>
        <Callout
          type="warning"
          icon={TriangleAlertIcon}>
          This is a warning callout to notify readers of any important messages they should consider
        </Callout>
      </div>
    );
  }