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