import type { SmartSnippetQuestionsList, SmartSnippetQuestionsListState } from '@coveo/headless';
import { type CSSResultGroup, LitElement } from 'lit';
import type { Bindings } from '../atomic-search-interface/interfaces';
import type { InitializableComponent } from '../../../decorators/types';
import '../../common/atomic-icon/atomic-icon';
import '../../common/atomic-smart-snippet-source/atomic-smart-snippet-source';
import '../../common/atomic-smart-snippet-answer/atomic-smart-snippet-answer';
/**
 * The `atomic-smart-snippet-suggestions` component displays an accordion of questions related to the query with their corresponding answers.
 *
 * You can style the snippets by inserting a template element like this:
 * ```html
 * <atomic-smart-snippet-suggestions>
 *   <template>
 *     <style>
 *       b {
 *         color: blue;
 *       }
 *     </style>
 *   </template>
 * </atomic-smart-snippet-suggestions>
 * ```
 *
 * @slot source-anchor-attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to anchor elements, overriding other attributes.
 * To be used exclusively in anchor elements, such as: `<a slot="source-anchor-attributes" target="_blank"></a>`.
 *
 * @part container - The wrapper with a border around the entire component.
 * @part heading - The heading above the list of related questions.
 * @part questions - The list of related questions.
 * @part question-answer-expanded - An expanded related question.
 * @part question-answer-collapsed - A collapsed related question.
 * @part question-button-expanded - The button to collapse a related question.
 * @part question-button-collapsed - The button to expand a related question.
 * @part question-icon-expanded - The caret of an expanded related question.
 * @part question-icon-collapsed - The caret of a collapsed related question.
 * @part question-text-expanded - The title of an expanded related question.
 * @part question-text-collapsed - The title of a collapsed related question.
 * @part answer-and-source - The wrapper around the answer and source of a related question.
 * @part answer - The container displaying the full document excerpt of a related question's answer.
 * @part footer - The wrapper around the source of a related question's answer.
 * @part source-url - The URL to the document a related question's answer is extracted from.
 * @part source-title - The title of the document a related question's answer is extracted from.
 */
export declare class AtomicSmartSnippetSuggestions extends LitElement implements InitializableComponent<Bindings> {
    private static readonly propsSchema;
    static styles: CSSResultGroup;
    bindings: Bindings;
    error: Error;
    smartSnippetQuestionsListState: SmartSnippetQuestionsListState;
    smartSnippetQuestionsList: SmartSnippetQuestionsList;
    /**
     * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the "People also ask" heading over the snippets, from 1 to 5.
     */
    headingLevel: number;
    /**
     * Sets the style of the snippets.
     *
     * Example:
     * ```ts
     * smartSnippet.snippetStyle = `
     *   b {
     *     color: blue;
     *   }
     * `;
     * ```
     */
    snippetStyle?: string;
    private accordionId;
    constructor();
    initialize(): void;
    render(): import("lit-html").TemplateResult<1>;
    private renderRelatedQuestion;
    private renderQuestionButton;
    private renderAnswer;
    private renderSource;
    private get computedSnippetStyle();
    private toggleQuestion;
}
declare global {
    interface HTMLElementTagNameMap {
        'atomic-smart-snippet-suggestions': AtomicSmartSnippetSuggestions;
    }
}
