1<script>
 2  export let title = '';
 3  export let items = [];
 4</script>
 5
 6<div class="sidebar rounded-lg ring-1 ring-gray-200 p-4">
 7  <h3 class="text-lg font-semibold text-gray-900">{title}</h3>
 8  <ul>
 9    {#each items as item}
10      <li class="py-2">{item.name}</li>
11    {/each}
12  </ul>
13</div>
14
15<style>
16  .sidebar {
17    font-family: 'Geist', system-ui, sans-serif;
18    background: #fafafa;
19  }
20</style>