/**
 * @file Code.tsx
 * @input Uses React, StyleX, theme tokens
 * @output Exports Code component for inline code styling
 * @position Core implementation; lives in own Code/ dir, re-exported by CodeBlock/
 *
 * SYNC: When modified, update:
 * - /packages/core/src/CodeBlock/index.ts (exports if types change)
 * - /packages/cli/assets/templates/blocks/components/Code/ (showcase blocks)
 * - /packages/cli/assets/templates/blocks/components/CodeBlock/ (showcase blocks)
 */
import type { ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
/** Text color for {@link Code}, mirroring the primary/secondary/inherit subset of Text. */
export type CodeColor = 'primary' | 'secondary' | 'inherit';
/** Font size for {@link Code}. `'inherit'` adopts the surrounding text size. */
export type CodeSize = 'inherit';
export interface CodeProps extends BaseProps<HTMLElement> {
    /** Ref forwarded to the root element */
    ref?: React.Ref<HTMLElement>;
    /**
     * Text color. Mirrors the Text color subset.
     * @default 'primary'
     */
    color?: CodeColor;
    /**
     * Font size. Set to `'inherit'` to adopt the surrounding text's font-size
     * and line-height (useful for inline code inside larger/smaller text).
     */
    size?: CodeSize;
    /** Code content */
    children: ReactNode;
}
/**
 * Inline code element. Renders a styled `<code>` with monospace font,
 * muted background, and design-system-consistent sizing.
 *
 * For fenced code blocks with syntax highlighting, use `CodeBlock`.
 *
 * @example
 * ```
 * <Text type="body">
 *   Use <Code>const x = 1</Code> to declare a variable.
 * </Text>
 * ```
 */
export declare function Code({ children, color, size, xstyle, className, style, ref, ...props }: CodeProps): import("react").JSX.Element;
export declare namespace Code {
    var displayName: string;
}
//# sourceMappingURL=Code.d.ts.map