<template>
  <div class="user-dashboard page" :class="pageClass">
    <slot name="body" />
    <div class="container">
      <div class="row">
        <div class="col-12">
          <div class="panel">
            <div class="panel-title">
              <p class="singleLineTxt" :title="panelTitle">{{ panelTitle }}</p>
            </div>
            <slot />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    pageClass: {
      required: false,
      type: String,
      default: null
    },
    panelTitle: {
      required: false,
      type: String,
      default: null
    }
  }
}
</script>
