No notes defined.
<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">
<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": "#"
}
}