import { ResolvedHeaderItem } from './types.js';
/**
 * Prefix of the `data-testid` carried by every header item cell.
 *
 * Matches the `csdk-` convention used by the rest of the SDK's test ids, keeping header items
 * greppable as SDK-rendered nodes in host pages.
 */
export declare const HEADER_ITEM_TESTID_PREFIX = "csdk-";
/**
 * Builds the `data-testid` of a header item cell from the item's id.
 *
 * @param id - The header item id.
 * @returns The cell's `data-testid`, i.e. the item id prefixed with `csdk-`.
 * @internal
 */
export declare const getHeaderItemTestId: (id: string) => string;
/**
 * Props for {@link HeaderItemCell}.
 */
export interface HeaderItemCellProps {
    /** The resolved header item to render. */
    item: ResolvedHeaderItem;
    /**
     * Default size (px) applied when the item doesn't specify one, letting each host pick its own
     * default (the dashboard uses 28). Defaults to {@link DEFAULT_HEADER_ITEM_SIZE}.
     */
    defaultSize?: number;
}
/**
 * Renders a single header item.
 *
 * This is the **header item component** every item flows through: it owns the item's layout box —
 * the width behavior (from the internal `fill`), the orchestrator-provided height, and centering the
 * content on both axes — so individual items only render their content and never manage header
 * alignment themselves.
 *
 * An item shorter than the cell height is centered vertically; an item taller than the default grows
 * its cell (and, via the row's `align-items: center`, the whole header) while staying centered.
 *
 * The cell also declares whether it is a pointer target: cells that drew content take pointer events,
 * empty ones (spacers) do not. Both are explicit so that a host rendering its header as an overlay
 * can turn off pointer events for the whole strip and have the interactive items opt back in.
 */
export declare const HeaderItemCell: ({ item, defaultSize }: HeaderItemCellProps) => import("react/jsx-runtime").JSX.Element;