/**
 *
 * ContentSection
 *
 *
 * @module `contentsection`
 */
import { VNode } from 'vue'
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers'

export interface ContentSectionProps {
  id?: string | undefined
  overline?: string | undefined
  title?: string | undefined
  /**
   * options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6',],
   * @defaultValue h2
   */
  titleTag?: string
  description?: string
  descriptionRawHtml?: string
  /**
   * options: ['left', 'right', 'center'],
   * @defaultValue left
   */
  position?: string
  /**
   * @defaultValue false
   */
  isContentCentralized?: boolean
  /**
   * @defaultValue false
   */
  textCenter?: boolean
  /**
   * @defaultValue false
   */
  reverse?: boolean
  /**
   * @defaultValue false
   */
  isSticky?: boolean
  /**
   * @defaultValue true
   */
  hasContainer?: boolean
}

export interface ContentSectionSlots {
  default(): VNode[]
}

export interface ContentSectionEmits {
  error(event: Event): void
}

/**
 * @group Component
 */
declare class ContentSection extends ClassComponent<
  ContentSectionProps,
  ContentSectionSlots,
  ContentSectionEmits
> {}

declare module 'vue' {
  export interface GlobalComponents {
    ContentSection: GlobalComponentConstructor<ContentSection>
  }
}

export default ContentSection