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@import 'src/assets/styles/helpers';
22
23.page-section {
24  margin-bottom: $spacer * 2;
25}
26
27h2 {
28  @include font-size($h3-font-size);
29  margin-bottom: $spacer;
30  &::after {
31    content: '';
32    display: block;
33    width: 100px;
34    border: 1px solid gray('300');
35    margin-top: 10px;
36  }
37}
38</style>
39