import { type ReactNode } from 'react';
import type { QuestionRendererProps } from '../types';
import { OptionStatus } from '../../../enums/Options';
/**
 * Get status badge component
 */
export declare const getStatusBadge: (status?: OptionStatus) => ReactNode;
/**
 * Container component for question content
 */
export declare const QuestionContainer: ({ children, className, }: {
    children: ReactNode;
    className?: string;
}) => import("react/jsx-runtime").JSX.Element;
/**
 * Subtitle component for question sections
 */
export declare const QuestionSubTitle: ({ subTitle }: {
    subTitle: string;
}) => import("react/jsx-runtime").JSX.Element;
/**
 * Internal component for fill in the blanks question
 * Uses useId hook to generate unique IDs
 *
 * Data structure:
 * - additionalContent: HTML text with {placeholderId} placeholders
 * - fillAnswers: Record<placeholderId, selectedOptionId> (what student chose)
 * - options: Array<{ id, option }> where id is placeholderId AND correct optionId
 * - Correctness: selectedOptionId === placeholderId means correct
 */
export declare const FillQuestionContent: ({ question, result, }: QuestionRendererProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=index.d.ts.map