import type React from 'react';
/**
 * @csspart base, code, titlebar
 */
export interface CodeBlockOwnProps {
    /**
     * Unique identifier for the element.
     * @example 'example-id'
     */
    id?: string;
    /**
     * Text content to display.
     * @example 'Example content'
     */
    content?: string;
    /**
     * Visual style variant. Allowed values: `default`, `minimal`.
     * @example 'default'
     */
    variant?: 'default' | 'minimal';
    /**
     * Corner radius style. Allowed values: `rounded`, `sharp`.
     * @example 'rounded'
     */
    shape?: 'rounded' | 'sharp';
    /**
     * Component size. Allowed values: `xs`, `sm`, `md`, `lg`, `xl`.
     * @example 'xs'
     */
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /**
     * Programming language for syntax highlighting.
     * @example 'example'
     */
    language?: string;
    /**
     * Name of the file displayed in the header.
     * @example 'example.rs'
     */
    filename?: string;
    /**
     * Whether to display line numbers in the gutter.
     * @defaultValue true
     * @example true
     */
    lineNumbers?: boolean;
    /**
     * Whether to show a copy-to-clipboard button.
     * @defaultValue true
     * @example true
     */
    copyButton?: boolean;
    /**
     * Enables macOS-style traffic light dots in the header.
     * @defaultValue true
     * @example true
     */
    trafficLights?: boolean;
    /**
     * Emits `<slot>` elements for Shadow DOM content projection.
     * @defaultValue false
     * @example true
     */
    slotted?: boolean;
    /** CSS class applied to the Custom Element host.
     * @example 'my-component'
     */
    className?: string;
    /** Inline styles applied to the Custom Element host.
     * @example { marginTop: 8 }
     */
    style?: React.CSSProperties;
}
/**
 * Props for `<CodeBlock>`: the component's own API plus every standard DOM
 * attribute and native React event handler, forwarded verbatim to the
 * `<cx-code-block>` host — `id`, `data-*`, `aria-*`, `title`, `tabIndex`,
 * `slot`, `onMouseEnter`, and the rest. Own props always win over a
 * same-named DOM attribute.
 */
export type CodeBlockProps = CodeBlockOwnProps & Omit<React.HTMLAttributes<HTMLElement>, keyof CodeBlockOwnProps | 'children' | 'dangerouslySetInnerHTML'>;
export declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockOwnProps & Omit<React.HTMLAttributes<HTMLElement>, "children" | "dangerouslySetInnerHTML" | keyof CodeBlockOwnProps> & React.RefAttributes<HTMLElement>>;