<template>
  <div class="course-viewer-content">
    <div class="course-viewer-content-hd">
      <slot name="header">
        <h3 class="course-viewer-content-hd__title">
          <slot name="title">{{title}}</slot>
        </h3>
        <div class="course-viewer-content-hd__aside">
          <slot name="header-aside"></slot>
        </div>
      </slot>
    </div>
    <div class="course-viewer-content-bd">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Continaer',
  props: { title: String }
}
</script>
