import "./chip.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps, type TriggerProps } from "./style_props";
export interface ChipProps extends StyleProps, TriggerProps {
    testID?: string;
    children: React.ReactNode;
    /** The event is passed on, since an overlay opening off a chip reads it. */
    onPress?: (event: React.MouseEvent<HTMLElement>) => void;
    /** Pass when the children are not self-describing text. */
    accessibilityLabel?: string;
    onDismiss?: () => void;
    dismissTooltip?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * A compact pill — a filter, tag or suggestion; `onPress` makes it a button, `onDismiss` adds the
 * ✕. The pill is the root, so `className`, `style`, `ref`, `render` and an overlay's trigger props
 * all land on it; the outer box exists only because the ✕ is a sibling.
 */
export declare function Chip({ testID, children, onPress, accessibilityLabel, onDismiss, dismissTooltip, render, ref, className, style, ...trigger }: ChipProps): React.JSX.Element;