<script>
export default {
  name: "groupItem",
  props: ['label']
}
</script>

<template>
  <section class="groupItem">
    <h2 v-if="label" v-text="label"/>
    <slot/>
  </section>
</template>

<style scoped lang="scss">
.groupItem {
  padding: 10px 10px 20px;
  border-bottom: 1px solid #000000;

  &:last-child {
    border: none;
  }


  & > h2 {
    margin-bottom: 20px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
  }
}
</style>
