import type { ComponentPropsWithoutRef, FC } from "react";
export declare const RANGE_TRIGGER_ICON_SHAPES: readonly ["upper", "lower", "middle", "full", "exact"];
export type RangeTriggerIconShape = (typeof RANGE_TRIGGER_ICON_SHAPES)[number];
export declare const RANGE_TRIGGER_ICON_COLORS: readonly ["alerts-high-salmon", "alerts-high-crimson", "alerts-high-red", "alerts-medium-sun", "alerts-medium-oak", "alerts-medium-amber", "alerts-low-mint", "alerts-low-leaf", "alerts-low-green", "alerts-neutral-fog", "alerts-neutral-neutral", "alerts-neutral-graphite"];
/**
 * One of the alert colours of a priority (`alerts-<priority>-<name>`, from
 * `color/icon/alerts/<priority>/<name>`).
 */
export type RangeTriggerIconColor = (typeof RANGE_TRIGGER_ICON_COLORS)[number];
export type RangeTriggerIconProps = Omit<ComponentPropsWithoutRef<"svg">, "color" | "children" | "fill" | "role" | "aria-hidden"> & {
    /**
     * Which part of the track the range covers: its `upper` or `lower` end, the
     * `middle`, the `full` track, or `exact`ly one value (a dot in the middle).
     */
    shape: RangeTriggerIconShape;
    /**
     * The colour of the range, one of the design system's alert colours.
     * Without it, the range is brand primary (`color/icon/brand/primary/default`).
     * The track's colour isn't configurable.
     */
    color?: RangeTriggerIconColor;
    /**
     * Shows the range in the disabled colour, whatever its `color`.
     * @default false
     */
    disabled?: boolean;
};
/**
 * Shows which part of a range triggers an alert: a 40 × 24 track with the
 * range drawn on it.
 *
 * Like other icons, it's decorative and hidden from assistive technology
 * unless it has an accessible name (`aria-label` or `aria-labelledby`).
 *
 * @example
 *
 * <RangeTriggerIcon shape="upper" color="alerts-high-crimson" />
 */
export declare const RangeTriggerIcon: FC<RangeTriggerIconProps>;