import React from 'react';
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { AsElementType, PillTheme, OtherHTMLAttributes } from '@instructure/shared-types';
type PillOwnProps = {
    as?: AsElementType;
    color?: 'primary' | 'success' | 'danger' | 'info' | 'warning' | 'alert';
    /**
     * Provides a reference to the underlying HTML element
     */
    elementRef?: (element: Element | null) => void;
    /**
     * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
     * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
     * familiar CSS-like shorthand. For example: `margin="small auto large"`.
     */
    margin?: Spacing;
    children: React.ReactNode;
    /**
     * Adds a status label to the left of the main text.
     */
    statusLabel?: string;
    /**
     * An icon displayed to the left of the text.
     */
    renderIcon?: React.ReactNode;
};
type PropKeys = keyof PillOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type PillProps = PillOwnProps & WithStyleProps<PillTheme, PillStyle> & OtherHTMLAttributes<PillOwnProps>;
type PillStyle = ComponentStyle<'pill' | 'text' | 'maxWidth' | 'status' | 'icon'>;
declare const allowedProps: AllowedPropKeys;
type PillState = {
    truncated: boolean;
};
export type { PillProps, PillStyle, PillState };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map