import { FlexProps } from '@chakra-ui/react';
/**
 * Props for the CodeBlock component.
 *
 * @gen_ai
 * The CodeBlock component is used to present JSON data or code snippets in a formatted and readable manner.
 * It accepts a `json` prop for JSON objects or a `code` prop for code strings, which will be displayed with syntax highlighting and proper indentation (same as passed).
 * Utilize this component to enhance readability and provide clear visual representation of data or code within your UI.
 */
export interface ICodeBlock extends Pick<FlexProps, 'minH' | 'minHeight'> {
    /**
     * Syntax highlighting language.
     * Defaults to "json" for json, and "jsx" for code property.
     */
    language?: string;
    /**
     * JSON object to show in the code block.
     */
    json?: Record<string, any>;
    /**
     * Code to show in the code block.
     */
    code?: string;
    /**
     * Show the code block in full height (no expand button).
     */
    fullHeight?: boolean;
    /**
     * Enable editing mode option.
     */
    canEdit?: boolean;
}