1<script>
2  export let title = '';
3  export let noPadding = false;
4  let contentClass = 'padding';
5  if (noPadding) {
6    contentClass = '';
7  }
8</script>
9
10<style>
11  #card {
12    border: 1px solid lightgray;
13    margin-bottom: 16px;
14  }
15  #title {
16    font-family: 'Playfair Display', serif;
17    font-weight: 400;
18    border-bottom: 1px solid lightgray;
19    font-size: 1.25rem;
20    background-color: #1e60ab;
21    color: #eaebef;
22  }
23  #content {
24    padding-top: 8px;
25  }
26  .padding {
27    padding: 8px;
28  }
29</style>
30
31<div id="card">
32  <div id="title" class="padding">{title}</div>
33  <div id="content" class={contentClass}>
34    <slot />
35  </div>
36</div>
37