import "./peek.css";
import type * as React from "react";
import { Button as Base } from "@base-ui/react/button";
import type { PopoverSide, PopoverAlign } from "./popover";
import { type StyleProps } from "./style_props";
export type PeekVariant = "text" | "control";
export interface PeekProps extends StyleProps {
    /** The inline reference that becomes the trigger (a name, an id, a member chip), inside a press target
     *  whose wash signals pressability without restyling it. */
    children: React.ReactNode;
    /** A summary with one action to the full record; a peek needing scroll wanted to be a screen. */
    content: React.ReactNode;
    accessibilityLabel: string;
    /** `text` (default): a reference inside reading, a 32px box bleeding its extra height so the line does
     *  not grow. `control`: a control-band token (anything on `MemberChip`), full control height, no
     *  vertical bleed, so it seats like its un-peeked twin. Both bleed horizontally so the token keeps the
     *  surface's left edge. */
    variant?: PeekVariant;
    side?: PopoverSide;
    align?: PopoverAlign;
    testID?: string;
    /** The trigger, the only box in the layout. */
    ref?: React.Ref<HTMLElement>;
    render?: Base.Props["render"];
}
/** Drill-down for an inline reference — press a name or id for its details in a popover — the counterpart
 *  of count drill-downs (MetricStrip `onPress`, Accordion rows). `className`/`style`/`ref`/`render` land
 *  on the trigger; the panel is portalled. */
export declare function Peek(props: PeekProps): React.JSX.Element;