import { LitElement } from 'lit';
/**
 * @element ui-faq-item
 * @description A single FAQ item with a question and answer
 *
 * @cssprop --faq-item-border - Border for the item
 * @cssprop --faq-item-padding - Padding inside the item
 * @cssprop --faq-item-bg - Background color of the item
 * @cssprop --faq-item-radius - Border radius
 * @cssprop --faq-item-question-color - Question text color
 * @cssprop --faq-item-answer-color - Answer text color
 * @cssprop --faq-item-question-font-size - Question font size
 * @cssprop --faq-item-answer-font-size - Answer font size
 * @cssprop --faq-item-hover-bg - Background on hover
 *
 * @csspart question - The question button
 * @csspart answer - The answer container
 * @csspart icon - The expand/collapse icon
 */
export declare class UIFaqItem extends LitElement {
    static styles: import("lit").CSSResult;
    /** The question text */
    question: string;
    /** The answer text */
    answer: string;
    /** Whether this item is expanded */
    open: boolean;
    private _toggle;
    render(): import("lit-html").TemplateResult<1>;
}
/**
 * @element ui-faq
 * @description A FAQ accordion section component
 *
 * @slot - Default slot for ui-faq-item elements
 *
 * @cssprop --faq-max-width - Maximum width of the FAQ section
 * @cssprop --faq-heading-color - Heading text color
 * @cssprop --faq-heading-font-size - Heading font size
 * @cssprop --faq-gap - Gap between FAQ items
 * @cssprop --faq-padding - Padding of the section
 *
 * @csspart heading - The section heading
 * @csspart list - The items container
 *
 * @example
 * ```html
 * <ui-faq heading="Frequently Asked Questions" variant="boxed" schema>
 *   <ui-faq-item question="What is NA-Kit?" answer="A Lit-based UI library."></ui-faq-item>
 *   <ui-faq-item question="Is it free?" answer="Yes, MIT licensed."></ui-faq-item>
 * </ui-faq>
 * ```
 */
export declare class UIFaq extends LitElement {
    static styles: import("lit").CSSResult;
    /** Section heading */
    heading: string;
    /** Visual variant */
    variant: 'default' | 'minimal' | 'boxed' | 'separated';
    /** Whether to inject JSON-LD FAQ schema */
    schema: boolean;
    private _getSchemaScript;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-faq': UIFaq;
        'ui-faq-item': UIFaqItem;
    }
}
//# sourceMappingURL=faq.d.ts.map