import { ChatSessionElements } from '@whop/embedded-components-vanilla-js/types';
import React__default from 'react';

/**
 * Valid element type strings that can be passed to createElement.
 */
type ElementType = keyof ChatSessionElements;
/**
 * Extract the options type for a given element type using indexed access.
 * PayoutsSessionElements maps element types to [Options, Element] tuples.
 */
type ElementOptionsFor<T extends ElementType> = ChatSessionElements[T][0];
/**
 * Component definition with a constrained element type.
 * The type must be a valid element type from the SDK.
 */
interface ElementComponentDefinition<T extends ElementType = ElementType> {
    displayName: string;
    type: T;
}
interface WithFallbackPropsBase {
    className?: string;
    style?: React__default.CSSProperties;
    onReady?: () => void;
    fallback?: React__default.ReactNode;
}
interface WithFallbackPropsRequired<TOptions> extends WithFallbackPropsBase {
    options: TOptions;
}
interface WithFallbackPropsOptional<TOptions> extends WithFallbackPropsBase {
    options?: TOptions;
}
type WithFallbackComponent<TOptions, TRequired extends boolean> = {
    (props: TRequired extends true ? WithFallbackPropsRequired<TOptions> : WithFallbackPropsOptional<TOptions>): React__default.ReactNode;
    displayName: string;
    type: string;
};
/**
 * Creates a React component that wraps an embedded element with fallback support.
 *
 * @example
 * ```tsx
 * // Type-safe: options type is inferred from the element type
 * export const ChatElement = withFallback({
 *   displayName: "ChatElement",
 *   type: "chat-element",
 * } as const);
 *
 * // Usage - TypeScript knows the correct options type
 * <ChatElement options={{ channelId: "channel_xxx" }} />
 * ```
 */
declare function withFallback<const T extends ElementType, TRequired extends boolean = false>(Component: ElementComponentDefinition<T>): WithFallbackComponent<ElementOptionsFor<T>, TRequired>;

export { type WithFallbackPropsOptional, type WithFallbackPropsRequired, withFallback };