1<template>
2  <div class="page-section">
3    <h2 v-if="sectionTitle">{{ sectionTitle }}</h2>
4    <slot />
5  </div>
6</template>
7
8<script>
9export default {
10  name: 'PageSection',
11  props: {
12    sectionTitle: {
13      type: String,
14      default: ''
15    }
16  }
17};
18</script>
19
20<style lang="scss" scoped>
21.page-section {
22  margin-bottom: $spacer * 2;
23}
24
25h2 {
26  @include font-size($h4-font-size);
27  margin-bottom: $spacer;
28  &::after {
29    content: '';
30    display: block;
31    width: 100px;
32    border: 1px solid $gray-300;
33    margin-top: 10px;
34  }
35}
36</style>
37