import { CommonProps, Refable } from "@trackunit/react-components";
import { HTMLAttributes } from "react";
export interface HighlightCellProps extends CommonProps, HTMLAttributes<HTMLTableSectionElement>, Refable<HTMLDivElement> {
    /**
     * A id that can be used in tests to get the component
     */
    "data-testid"?: string;
    /**
     * Custom classNames that will be merged with the default classNames.
     */
    className?: string;
    /**
     * Array of highlights that the component should show.
     * Can be strings (which will use default warning color) or objects with Highlight props.
     */
    highlights: Array<string> | Array<{
        color?: "info" | "success" | "warning" | "danger" | "unknown" | "clear";
        children: string;
    }>;
}
/**
 * HighlightCell renders one or more colored highlight badges inside a table cell. Each highlight
 * can be a simple string (displayed with the default warning color) or an object with a custom color.
 * It is used to draw attention to out-of-range or notable values in a table row.
 *
 * ### When to use
 * Use HighlightCell to display threshold warnings, status flags, or tagged values inside a table column.
 *
 * ### When not to use
 * Do not use HighlightCell for general status indicators — use `IndicatorCell`.
 *
 * @example Highlight cell with warning values
 * ```tsx
 * import { HighlightCell } from "@trackunit/react-table-base-components";
 *
 * const cell = ({ row }) => (
 *   <HighlightCell highlights={[
 *     { color: "danger", children: "High Temp" },
 *     { color: "warning", children: "Low Battery" },
 *   ]} />
 * );
 * ```
 * @param {HighlightCellProps} props - The props for the HighlightCell component
 * @returns {ReactElement} HighlightCell component
 */
export declare const HighlightCell: ({ className, highlights, "data-testid": dataTestId, ref, style }: HighlightCellProps) => import("react/jsx-runtime").JSX.Element;