import type { ComponentPropsWithoutRef, FC } from "react";
/**
 * The colours of each priority, in Figma's order: filled, filled with a
 * hollow centre, and outlined.
 */
export declare const ALERT_ICON_COLORS: {
    readonly high: readonly ["crimson", "salmon", "red"];
    readonly medium: readonly ["amber", "sun", "oak"];
    readonly low: readonly ["mint", "leaf", "green"];
    readonly neutral: readonly ["fog", "neutral", "graphite"];
};
/**
 * The priority of an alert. Its colours share a shape: a square, circle,
 * star or hexagon.
 */
export type AlertIconPriority = keyof typeof ALERT_ICON_COLORS;
/**
 * The alert colours, named after their Figma variable
 * (`color/icon/alerts/<priority>/<color>`). Pass a priority to get only its
 * colours, e.g. `AlertIconColor<"high">`.
 */
export type AlertIconColor<P extends AlertIconPriority = AlertIconPriority> = (typeof ALERT_ICON_COLORS)[P][number];
type AlertIconBaseProps = Omit<ComponentPropsWithoutRef<"svg">, "color" | "children" | "fill" | "role" | "aria-hidden" | "onClick"> & {
    /**
     * `"m"` size is 24 x 24px. This is the default size.
     * `"s"` size is 20 x 20px, for icons next to text with a 20px line height.
     *
     * @default "m"
     */
    size?: "s" | "m";
};
export type AlertIconProps = AlertIconBaseProps & {
    /**
     * The alert colour. Each colour belongs to one priority, so it decides the
     * shape too: `high` colours are a square, `medium` a circle, `low` a star
     * and `neutral` a hexagon. Of a priority's three colours, the first is
     * filled, the second filled with a hollow centre and the third outlined.
     */
    color: AlertIconColor;
};
/**
 * Shows an alert's colour, in the shape of the priority it belongs to. It
 * picks the matching `Alert<Color>ColoredIcon`, so use those directly when the
 * colour is fixed.
 *
 * Like other icons, it's decorative and hidden from assistive technology
 * unless it has an accessible name (`aria-label` or `aria-labelledby`).
 *
 * @example
 *
 * <AlertIcon color="crimson" />
 */
export declare const AlertIcon: FC<AlertIconProps>;
export {};