import { type ReactElement } from 'react';
import type { FormControlWithOverlayRef } from '../../forms/shared-types.js';
/**
 * Use the `SegmentSelector` as a top-level filter to narrow data by segment, setting the scope for any additional filters applied alongside it.
 * @public
 */
export declare const SegmentSelector: ((props: import("../../index.js").DOMProps & import("../../index.js").WithChildren & import("../../index.js").StylingProps & import("../../index.js").DataTestId & import("../../index.js").MaskingProps & import("../../index.js").BehaviorTrackingProps & Omit<import("../../index.js").FormControlBaseProps<(...args: any[]) => void, HTMLButtonElement>, "controlState" | "onChange"> & {
    _form?: string;
    _messageTarget?: import("../../index.js")._MessageTarget | import("../../index.js")._MessageTarget[];
    variant?: "default" | "compact";
    onOpenChange?: (isOpen: boolean) => void;
} & import("react").RefAttributes<FormControlWithOverlayRef<HTMLButtonElement>>) => import("react").ReactElement | null) & {
    CustomTrigger: {
        (props: import("./CustomTrigger.js").SegmentSelectorCustomTriggerProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
        displayName: string;
    };
};
//# sourceMappingURL=SegmentSelector.d.ts.map