title: Attempted import error: 'Toast' is not exported from 'react-bootstrap'
body: <pre><code>import React from 'react';
  import { Toast } from 'react-bootstrap';
  
  export function Confirmation({ toggle }) {
          return (
              &lt;Toast onClose={() =&gt; toggle(false)}&gt;
                  &lt;Toast.Header&gt;
                          &lt;strong className="mr-auto"&gt;Your Order Is In The Oven!&lt;/strong&gt;
                          &lt;small&gt;just now&lt;/small&gt;
              &lt;/Toast.Header&gt;
              &lt;Toast.Body&gt;
                  Your delicious pizza will be with you in 30 minutes!
              &lt;/Toast.Body&gt;
              &lt;/Toast&gt;
          );
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/OYGRb.jpg" alt="enter image description here"></p>