<template>
  <div>
    <div :class="{ 'border-b-2': divider }" class="pb-2 border-gray-200">
      <h3 class="text-lg leading-6 font-medium text-gray-700">
        {{ title }}
      </h3>
      <p v-if="description" class="max-w-4xl text-sm text-gray-500">
        {{ description }}
      </p>
    </div>
  </div>
</template>
<script>
export default {
  name: "CModalHeading",
  props: {
    title: { type: String, required: true },
    description: { type: String },
    divider: { type: Boolean },
  },
};
</script>
