<panel>
  <top>
  <h1>Panel is a Card</h1>
  </top>

  <middle>
    <h4>
      Panel Example
    </h4>
    <p>Not sure what the big deal is with the difference between panels and cards
      but I'm doing all the things so here's a panel. Let's say, buttons on a panel
      are different to demonstrate how to make a button strip. </p>
  </middle>

  <bottom>
  <button id="cancel"><Icon name="x-circle" color="var(--color-text)"  size="24"/> CANCEL</button>
  <button><Icon name="check-circle" color="var(--color-bg)" size="24" /> OK</button>
  </bottom>
</panel>