import { h } from 'vue'

export function renderFaIcon(faClass) {
  return () => h('i', { class: faClass, style: 'font-size:18px;width:18px;text-align:center' })
}

function sectionPage(config) {
  return {
    status: 'available',
    component: 'SchemaPage',
    canonicalDomain: '',
    section: '',
    phase: '',
    dependsOn: [],
    reason: '',
    features: [],
    iconClass: '',
    ...config,
  }
}

export function customPage(config) {
  return sectionPage(config)
}

export function schemaPage(config) {
  return sectionPage({
    component: 'SchemaPage',
    ...config,
  })
}

export function deferredPage(config) {
  return sectionPage({
    component: 'DeferredPage',
    status: 'deferred',
    ...config,
  })
}