import React from 'react';
import { type AsChildChildren } from '@wix/headless-utils/react';
import { type FaqEntry } from '../services/index.js';
/**
 * Props for Faq Root component
 */
export interface FaqRootProps {
    children: React.ReactNode;
    faq: FaqEntry;
}
/**
 * Root component that provides FAQ service context for rendering a single FAQ entry.
 * Follows the services pattern like Product.Root does.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Faq.Root faq={faqEntry}>
 *   <Faq.Name />
 *   <Faq.Answer />
 * </Faq.Root>
 * ```
 */
export declare function Root(props: FaqRootProps): React.ReactNode;
/**
 * Props for Faq Name component
 */
export interface NameProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        question: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the FAQ question/name.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Faq.Name className="text-lg font-semibold" />
 *
 * // asChild with primitive
 * <Faq.Name asChild>
 *   <h3 className="text-lg font-semibold" />
 * </Faq.Name>
 *
 * // asChild with react component
 * <Faq.Name asChild>
 *   {React.forwardRef(({question, ...props}, ref) => (
 *     <h3 ref={ref} {...props} className="text-lg font-semibold">
 *       Q: {question}
 *     </h3>
 *   ))}
 * </Faq.Name>
 * ```
 */
export declare const Name: React.ForwardRefExoticComponent<NameProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for Faq Item component
 */
export interface ItemProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        id: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * FAQ item wrapper component that provides access to the FAQ unique identifier.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Faq.Item className="faq-item" />
 *
 * // asChild with AccordionItem
 * <Faq.Item asChild>
 *   <AccordionItem className="border-b border-white/10 last:border-b-0" />
 * </Faq.Item>
 *
 * // asChild with custom render function
 * <Faq.Item asChild>
 *   {React.forwardRef(({id, ...props}, ref) => (
 *     <AccordionItem ref={ref} {...props} value={id}>
 *       {children}
 *     </AccordionItem>
 *   ))}
 * </Faq.Item>
 * ```
 */
export declare const Item: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLElement>>;
/**
 * Props for Faq Answer component
 */
export interface AnswerProps {
    /** Whether to render as a child component */
    asChild?: boolean;
    /** Custom render function when using asChild */
    children?: AsChildChildren<{
        answer: string;
    }>;
    /** CSS classes to apply to the default element */
    className?: string;
}
/**
 * Displays the FAQ answer.
 *
 * @component
 * @example
 * ```tsx
 * // Default usage
 * <Faq.Answer className="text-base text-content-secondary" />
 *
 * // asChild with primitive
 * <Faq.Answer asChild>
 *   <p className="text-base text-content-secondary" />
 * </Faq.Answer>
 *
 * // asChild with react component
 * <Faq.Answer asChild>
 *   {React.forwardRef(({answer, ...props}, ref) => (
 *     <p ref={ref} {...props} className="text-base text-content-secondary">
 *       A: {answer}
 *     </p>
 *   ))}
 * </Faq.Answer>
 * ```
 */
export declare const Answer: React.ForwardRefExoticComponent<AnswerProps & React.RefAttributes<HTMLElement>>;