There are no notes for this item.

<section class='c-blank-slate t-theme--awareness'>

    <span class='c-icon c-icon--x-large c-blank-slate__icon c-icon--noun_Quality-badge_1353889-svg'>
        <svg height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 100" x="0px" y="0px">
            <title>Artboard 3</title>
            <path d="M12.83,49.5l3.55,3.1a6.35,6.35,0,0,1,2.14,5.17l-.31,4.7A10.35,10.35,0,0,0,20,69L13,85.26a4.87,4.87,0,0,0,6,6.51l7.28-2.44,3.33,6.92A4.81,4.81,0,0,0,34,99h.13a4.81,4.81,0,0,0,4.36-3l6.46-15a10.28,10.28,0,0,0,10.09,0L61.5,96a4.81,4.81,0,0,0,4.37,3H66a4.81,4.81,0,0,0,4.38-2.76l3.33-6.92L81,91.77a4.87,4.87,0,0,0,6-6.53L80,69a10.35,10.35,0,0,0,1.8-6.54l-.31-4.7a6.34,6.34,0,0,1,2.14-5.16l3.55-3.1a10.36,10.36,0,0,0,0-15.59L83.62,30.8a6.34,6.34,0,0,1-2.14-5.17l.31-4.7a10.36,10.36,0,0,0-11-11l-4.7.31A6.35,6.35,0,0,1,60.9,8.08L57.8,4.54A10.36,10.36,0,0,0,50,1h0a10.36,10.36,0,0,0-7.8,3.54L39.1,8.08a6.35,6.35,0,0,1-5.17,2.14l-4.7-.31a10.36,10.36,0,0,0-11,11l.31,4.7a6.35,6.35,0,0,1-2.14,5.17l-3.55,3.1a10.36,10.36,0,0,0,0,15.59ZM34,93.81l-3.34-6.94A4.64,4.64,0,0,0,25,84.48l-7.3,2.45L24,72.46a10.38,10.38,0,0,0,5.26,1l4.7-.31a6.35,6.35,0,0,1,5.17,2.14L41,77.55Zm48.28-6.88L75,84.48a4.64,4.64,0,0,0-5.66,2.39L66,93.81,59,77.55l1.94-2.22a6.35,6.35,0,0,1,5.17-2.14l4.7.31a10.36,10.36,0,0,0,5.26-1ZM16.12,37.67l3.55-3.1a11.38,11.38,0,0,0,3.84-9.26l-.31-4.7a5.36,5.36,0,0,1,5.71-5.7h0l4.7.31a11.39,11.39,0,0,0,9.26-3.83L46,7.83a5.36,5.36,0,0,1,8.07,0l3.11,3.55a11.39,11.39,0,0,0,9.26,3.84l4.7-.31a5.36,5.36,0,0,1,5.71,5.71l-.31,4.7a11.37,11.37,0,0,0,3.83,9.26l3.55,3.1a5.36,5.36,0,0,1,0,8.07l-3.55,3.1A11.37,11.37,0,0,0,76.5,58.1l.31,4.7a5.36,5.36,0,0,1-5.71,5.71l-4.7-.31A11.38,11.38,0,0,0,57.14,72L54,75.58a5.36,5.36,0,0,1-8.07,0L42.86,72a11.39,11.39,0,0,0-8.52-3.86l-.73,0-4.7.31a5.36,5.36,0,0,1-5.71-5.71l.31-4.7a11.38,11.38,0,0,0-3.84-9.26l-3.55-3.1a5.36,5.36,0,0,1,0-8.07Z"></path>
            <path d="M39.36,46l-1.68,9.68a2.5,2.5,0,0,0,3.63,2.64L50,53.7l8.69,4.59a2.5,2.5,0,0,0,3.63-2.64L60.64,46l7-6.84a2.5,2.5,0,0,0-1.39-4.27l-9.73-1.39-4.33-8.82a2.5,2.5,0,0,0-4.49,0l-4.33,8.82L33.7,34.86a2.5,2.5,0,0,0-1.39,4.27Zm6.08-7.74a2.5,2.5,0,0,0,1.89-1.37L50,31.42l2.67,5.43a2.5,2.5,0,0,0,1.89,1.37l6,.86L56.21,43.3a2.5,2.5,0,0,0-.72,2.22l1,6-5.35-2.83a2.5,2.5,0,0,0-2.34,0l-5.35,2.83,1-6a2.5,2.5,0,0,0-.72-2.22l-4.34-4.22Z"></path>
        </svg>
    </span>

    <header class='c-section-header c-blank-slate__section-header'>

        <h1 class='c-heading c-blank-slate__heading'>

            Meetings

        </h1>

    </header>

    <div class='c-lead c-blank-slate__lead'>
        <p>A blank slate is presented when a screen or a screen section is empty.</p>
    </div>

    <p class='c-blank-slate__actions'>
        <a class='c-button t-theme--awareness' href="#">Add a meeting</a>
    </p>

</section>
<section class='{{ get_component_class( 'blank-slate', display ) }}'>
    {% if icon %}
        {% include '@unit/icon/icon.twig' with icon %}
    {% endif %}

    {% include '@unit/section-header/section-header.twig' with header|merge( { display: { component: 'blank-slate' } } ) %}
    
    {% if lead %}
        {% include '@unit/lead/lead.twig' with lead|merge( { display: { component: 'blank-slate' } } ) %}
    {% endif %}
    
    {% if button %}
        <p class='c-blank-slate__actions'>
            {% include get_template( 'button', 'base' ) with button %}
        </p>
    {% endif %}
</section>
{
  "icon": {
    "display": {
      "component": "blank-slate",
      "modifiers": [
        "x-large"
      ]
    },
    "basename": "noun_Quality badge_1353889.svg"
  },
  "header": {
    "heading": {
      "text": "Meetings"
    }
  },
  "lead": {
    "content": "<p>A blank slate is presented when a screen or a screen section is empty.</p>"
  },
  "display": {
    "theme": "awareness"
  },
  "button": {
    "text": "Add a meeting",
    "url": "#"
  }
}