import type { Component } from 'vue'
import type { IconCategory } from './icons/icon-category'

export type AdvancedStyleSectionPlan = 'essentials' | 'growth' | 'agency'

export type AdvancedStyleSectionMeta = {
  feature?: string
  plan?: AdvancedStyleSectionPlan
  id?: string
}

export type AdvancedStyleSectionEntry = {
  component: Component
  props?: Record<string, unknown>
  meta?: AdvancedStyleSectionMeta
}

export type LiteStyleSectionPromoConfig = {
  feature: string
  plan: AdvancedStyleSectionPlan
  titleKey: string
  fallbackTitle?: string
  collapseName: string
  iconName: string
  iconCategory: IconCategory
}