import type { FC } from 'react';
/**
 * Props for the ChatCodeBlock component
 */
interface Props {
    /** The programming language for syntax highlighting (e.g., 'javascript', 'python', 'typescript') */
    language: string;
    /** The source code content to display and highlight */
    code: string;
    /** Additional CSS classes to apply to the code block container */
    className?: string;
    /** Additional CSS classes to apply to the code section container */
    codeSectionClassName?: string;
    /** Whether to display line numbers alongside the code. Defaults to true */
    showLineNumbers?: boolean;
    /** The text size variant for the code block. '100' is normal size, '50' is smaller */
    textSize?: '100' | '50';
}
/**
 * A syntax-highlighted code block component with copy functionality and customizable display options.
 *
 * Features:
 * - Syntax highlighting using Prism.js via prism-react-renderer
 * - Copy to clipboard functionality with visual feedback
 * - Support for light and dark themes
 * - Optional line numbers
 * - Configurable text size
 * - Language label display
 *
 * @example
 * ```tsx
 * <ChatCodeBlock
 *   language="javascript"
 *   code="const message = 'Hello, world!';"
 * />
 * ```
 *
 * @example
 * ```tsx
 * <ChatCodeBlock
 *   language="bash"
 *   code="npm install @cleanlab/design-system"
 *   showLineNumbers={false}
 *   textSize="50"
 * />
 * ```
 *
 * @example
 * ```tsx
 * <ChatCodeBlock
 *   language="python"
 *   code="print('Hello, world!')"
 * />
 * ```
 *
 * @example
 * ```tsx
 * <ChatCodeBlock
 *   language="typescript"
 *   code="const result = await fetch('/api/data');"
 *   codeSectionClassName="max-h-64 custom-scrollbar"
 * />
 * ```
 */
declare const CodeBlock: FC<Props>;
export { CodeBlock as ChatCodeBlock };