import { ComponentProps, ReactNode, SyntheticEvent } from "react";
import { InteractionProps, InternalProps, OmitInternalProps, StyledComponentProps } from "../../shared";
import { ResponsiveProp } from "../../styling";
declare const DefaultElement = "div";
export interface InnerTagProps extends InternalProps, InteractionProps, StyledComponentProps<typeof DefaultElement> {
    /**
     * React children.
     */
    children: ReactNode;
    /**
     * Whether or not the tag have a disable look.
     */
    disabled?: boolean;
    /**
     * Whether the tag take up the width of its container.
     */
    fluid?: ResponsiveProp<boolean>;
    /**
     * Called when the remove button is clicked.
     * @param {SyntheticEvent} event - React's original event.
     * @returns {void}
     */
    onRemove?: (event: SyntheticEvent) => void;
    /**
     * A tag can vary in size.
     */
    size?: ResponsiveProp<"sm" | "md">;
    /**
     * The tag style to use.
     */
    variant?: "solid" | "outline";
}
export declare function InnerTag({ active, as, children, disabled, fluid, focus, forwardedRef, hover, onRemove, size, variant, ...rest }: InnerTagProps): JSX.Element;
export declare namespace InnerTag {
    var defaultElement: string;
}
/**
 * A tag represents a keyword that helps label, organize and categorize content.
 *
 * [Documentation](https://orbit.sharegate.design/?path=/docs/tag--default-story)
*/
export declare const Tag: import("react").ForwardRefExoticComponent<Omit<OmitInternalProps<InnerTagProps, never>, "ref"> & import("react").RefAttributes<any>>;
export declare type TagProps = ComponentProps<typeof Tag>;
export {};