import type { VNode } from 'vue'; import type { AppConfig } from '@nuxt/schema'; import theme from '#build/ui/pricing-table'; import type { PricingPlanProps } from '../types'; import type { ComponentConfig } from '../types/tv'; type PricingTable = ComponentConfig; type DynamicSlots = { [K in T['id'] as K extends string ? S extends string ? (K | `${K}-${S}`) : K : never]?: (props: { tier: Extract; }) => VNode[]; }; type FeatureDynamicSlots = { [K in (T['id'] extends string ? T['id'] : string) as K extends string ? S extends string ? (`feature-${K}` | `feature-${K}-${S}`) : `feature-${K}` : never]?: (props: { feature: T; tier: PricingTableTier; section: PricingTableSection; }) => VNode[]; }; type SectionDynamicSlots = { [K in (T['id'] extends string ? T['id'] : string) as K extends string ? S extends string ? (`section-${K}` | `section-${K}-${S}`) : `section-${K}` : never]?: (props: { section: T; }) => VNode[]; }; export type PricingTableTier = Pick & { id: string; [key: string]: any; }; export type PricingTableSectionFeature = { id?: string; title: string; tiers?: { [K in Extract]: boolean | number | string; } & Record; }; export interface PricingTableSection { id?: string; title: string; features: PricingTableSectionFeature[]; } export interface PricingTableProps { /** * The element or component this component should render as. * @defaultValue 'div' */ as?: any; /** * The caption to display above the table. * @defeaultValue t('pricingTable.caption') */ caption?: string; /** * The pricing tiers to display in the table. * Each tier represents a pricing plan with its own title, description, price, and features. */ tiers: T[]; /** * The sections of features to display in the table. * Each section contains a title and a list of features with their availability in each tier. */ sections: PricingTableSection[]; class?: any; ui?: PricingTable['slots']; } type SlotProps = (props: { tier: T; }) => VNode[]; export type PricingTableSlots = { 'caption'?: (props?: {}) => VNode[]; 'tier'?: SlotProps; 'tier-title'?: SlotProps; 'tier-description'?: SlotProps; 'tier-badge'?: SlotProps; 'tier-button'?: SlotProps; 'tier-billing'?: SlotProps; 'tier-discount'?: SlotProps; 'tier-price'?: SlotProps; 'section-title'?: (props: { section: PricingTableSection; }) => VNode[]; 'feature-title'?: (props: { feature: PricingTableSectionFeature; section: PricingTableSection; }) => VNode[]; 'feature-value'?: (props: { feature: PricingTableSectionFeature; tier: T; section: PricingTableSection; }) => VNode[]; } & DynamicSlots & FeatureDynamicSlots, 'title' | 'value'> & SectionDynamicSlots, 'title'>; declare const _default: typeof __VLS_export; export default _default; declare const __VLS_export: (__VLS_props: NonNullable>["props"], __VLS_ctx?: __VLS_PrettifyLocal>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable>["expose"], __VLS_setup?: Promise<{ props: import("vue").PublicProps & __VLS_PrettifyLocal> & (typeof globalThis extends { __VLS_PROPS_FALLBACK: infer P; } ? P : {}); expose: (exposed: {}) => void; attrs: any; slots: PricingTableSlots; emit: {}; }>) => import("vue").VNode & { __ctx?: Awaited; }; type __VLS_PrettifyLocal = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};