import { IndicatorProps, Refable } from "@trackunit/react-components";
import { HTMLAttributes, ReactElement } from "react";
export interface IndicatorCellProps extends IndicatorProps, HTMLAttributes<HTMLTableSectionElement>, Refable<HTMLDivElement> {
    /**
     * The icon to be rendered inside the indicator component
     */
    icon: ReactElement;
    /**
     * A color token used to style the icon and the icon background
     */
    color?: IndicatorProps["color"];
    /**
     * A text label to be displayed next to the indicator
     */
    label?: string;
    /**
     * A boolean parameter to display or hide icon background, default value is false
     */
    withBackground?: boolean;
    /**
     * A boolean parameter to display or hide label and instead show as html title on hover, default value is true
     */
    withLabel?: boolean;
    /**
     * A boolean parameter to make the indicator ping thus drawing more attention, default value is false
     */
    ping?: boolean;
    /**
     * The weight of the label's text, default value is normal
     */
    weight?: "normal" | "medium";
}
/**
 * IndicatorCell renders a colored icon indicator with an optional text label inside a table cell.
 * It wraps the Indicator component and supports background highlighting, a pinging animation for urgency,
 * and hiding the label to show it on hover instead.
 *
 * ### When to use
 * Use IndicatorCell to display status indicators in a table — for example, online/offline status, health state, or connectivity.
 *
 * ### When not to use
 * Do not use IndicatorCell for text-based status labels — use `TextCell` or `NoticeCell`.
 *
 * @example Status indicator in a table column
 * ```tsx
 * import { IndicatorCell } from "@trackunit/react-table-base-components";
 * import { Icon } from "@trackunit/react-components";
 *
 * const cell = ({ row }) => (
 *   <IndicatorCell
 *     icon={<Icon name="CheckCircle" size="small" />}
 *     color="success"
 *     label="Online"
 *   />
 * );
 * ```
 * @param {IndicatorCellProps} props - The props for the IndicatorCell component
 * @returns {ReactElement} IndicatorCell component
 */
export declare const IndicatorCell: ({ withBackground, weight, ref, ...rest }: IndicatorCellProps) => import("react/jsx-runtime").JSX.Element;