import React, { ReactNode } from "react";
export declare const StyledPill: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
export interface PillProps {
    children: ReactNode;
    color?: string;
}
export declare const Pill: React.FunctionComponent<PillProps>;
export interface PillColumnProps {
    children: ReactNode;
}
export declare const PillColumn: React.FunctionComponent<PillColumnProps>;
export interface GroupPillProps {
    group: string;
    groupColorMap: Record<string, string>;
    children: ReactNode;
}
/**
 * Pill with colors assigned to each group name
 */
export declare const GroupPill: React.FunctionComponent<GroupPillProps>;
export declare const WarningPill: React.FunctionComponent<{
    children: ReactNode;
}>;
export declare const GreenPill: React.FunctionComponent<{
    children: ReactNode;
}>;