1  <script lang="ts">
 2      export let regionName: string;
 3  </script>
 4  
 5  <div class="region-header">
 6      <h2>
 7          {regionName}
 8      </h2>
 9      <slot name="button" />
10  </div>
11  <slot name="list" />
12  
13  <style lang="scss">
14      .region-header {
15          padding-top: 13px;
16          padding-bottom: 20px;
17          border-top: 1px solid var(--labelDivider);
18          display: flex;
19          justify-content: space-between;
20          align-items: baseline;
21      }
22  
23      h2 {
24          margin-inline-end: 5px;
25          font: var(--title-2-emphasized);
26      }
27  </style>