<template>
  <!--  Componente: FormCard | ID: C2 | Type: Form-->
  <div
    class="ay-c-form-card"
    :class="colorScheme"
  >
    <div
      class="ay-c-form-card__header"
      :class="icon"
    >
      <p class="ay-c-form-card__legend">
        {{ title }}
      </p>
    </div>
    <div class="ay-c-form-card__body">
      <slot />
    </div>
  </div>
</template>

<script>
/**
 * @fileoverview  FormCard
 * @version       0.1
 * @author        Miguel Ortiz <miguel.ortiz@decameron.com>
 */

/**
 * Constantes para este componente
 */
const COMPONENT_NAME = 'form-card'

export default {
  inject: ['$validator'],
  name: COMPONENT_NAME,
  props: {
    title: {
      type: String,
      default: null
    },
    colorScheme: {
      type: String,
      default: null
    },
    icon: {
      type: String,
      default: null
    }
  }
}
</script>
