import { LitElement } from 'lit';
export interface PricingPlan {
    id: string;
    name: string;
    price: number | string;
    period?: string;
    description?: string;
    features: string[];
    cta?: string;
    popular?: boolean;
    badge?: string;
}
/**
 * @element ui-pricing-table
 * @description A flexible pricing table component with comparison and billing toggle
 *
 * @slot - Default slot for custom content
 * @slot header - Custom header content
 * @slot footer - Custom footer content
 *
 * @fires plan-select - Dispatched when a plan is selected
 * @fires billing-toggle - Dispatched when billing period is toggled
 *
 * @cssprop --pricing-gap - Gap between pricing cards
 * @cssprop --pricing-card-bg - Card background color
 * @cssprop --pricing-card-border - Card border color
 * @cssprop --pricing-popular-border - Popular plan border color
 * @cssprop --pricing-popular-bg - Popular plan background color
 */
export declare class UIPricingTable extends LitElement {
    static styles: import("lit").CSSResult;
    /**
     * Pricing plans array
     */
    plans: PricingPlan[];
    /**
     * Show billing period toggle
     */
    showBillingToggle: boolean;
    /**
     * Current billing period (monthly/yearly)
     */
    billingPeriod: 'monthly' | 'yearly';
    /**
     * Comparison mode with all features listed
     */
    comparisonMode: boolean;
    /**
     * Currency symbol
     */
    currency: string;
    /**
     * Accessible label for the pricing table
     */
    ariaLabel: string | null;
    private tableId;
    private headerId;
    private handleBillingToggle;
    private handlePlanSelect;
    render(): import("lit-html").TemplateResult<1>;
    private renderPlanCard;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-pricing-table': UIPricingTable;
    }
}
//# sourceMappingURL=pricing-table.d.ts.map