import * as React from 'react';
import { ComponentProps, ReactNode } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { Badge } from '../ui/badge.js';
import { CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible.js';
import 'class-variance-authority/types';
import '@base-ui/react/use-render';
import 'class-variance-authority';
import '@base-ui/react/collapsible';

type ChainOfThoughtProps = ComponentProps<"div"> & {
    open?: boolean;
    defaultOpen?: boolean;
    onOpenChange?: (open: boolean) => void;
};
declare const ChainOfThought: React.MemoExoticComponent<({ className, open, defaultOpen, onOpenChange, children, ...props }: ChainOfThoughtProps) => react_jsx_runtime.JSX.Element>;
type ChainOfThoughtHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
declare const ChainOfThoughtHeader: React.MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtHeaderProps) => react_jsx_runtime.JSX.Element>;
type ChainOfThoughtStepProps = ComponentProps<"div"> & {
    /**
     * Override the dot indicator. Default renders an 8px circle styled per
     * `status`: complete → `bg-foreground`, active → `bg-ring` (Lua purple),
     * pending → hollow `border-border`.
     */
    icon?: ReactNode;
    label: ReactNode;
    description?: ReactNode;
    status?: "complete" | "active" | "pending";
};
declare const ChainOfThoughtStep: React.MemoExoticComponent<({ className, icon, label, description, status, children, ...props }: ChainOfThoughtStepProps) => react_jsx_runtime.JSX.Element>;
type ChainOfThoughtSearchResultsProps = ComponentProps<"div">;
declare const ChainOfThoughtSearchResults: React.MemoExoticComponent<({ className, ...props }: ChainOfThoughtSearchResultsProps) => react_jsx_runtime.JSX.Element>;
type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;
declare const ChainOfThoughtSearchResult: React.MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtSearchResultProps) => react_jsx_runtime.JSX.Element>;
type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
declare const ChainOfThoughtContent: React.MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtContentProps) => react_jsx_runtime.JSX.Element>;
type ChainOfThoughtImageProps = ComponentProps<"div"> & {
    caption?: string;
};
declare const ChainOfThoughtImage: React.MemoExoticComponent<({ className, children, caption, ...props }: ChainOfThoughtImageProps) => react_jsx_runtime.JSX.Element>;

export { ChainOfThought, ChainOfThoughtContent, type ChainOfThoughtContentProps, ChainOfThoughtHeader, type ChainOfThoughtHeaderProps, ChainOfThoughtImage, type ChainOfThoughtImageProps, type ChainOfThoughtProps, ChainOfThoughtSearchResult, type ChainOfThoughtSearchResultProps, ChainOfThoughtSearchResults, type ChainOfThoughtSearchResultsProps, ChainOfThoughtStep, type ChainOfThoughtStepProps };