import "./btn.css";
import React from "react";
export type DropdownButtonProps = {
    /**
     * ID of the element controlled by this dropdown button. Optional when wrapped
     * in `<DropdownTrigger>` (RA's `<Pressable>` injects it from
     * `PressResponderContext`); required when used standalone to drive a custom popover.
     */
    "aria-controls"?: string;
    /**
     * Whether the dropdown is expanded or not. Optional when wrapped in
     * `<DropdownTrigger>`; required when used standalone.
     */
    "aria-expanded"?: boolean;
    suffix?: never;
};
export declare function dropdownProps({ className }: {
    className?: string;
}): {
    className: string;
    suffix: React.JSX.Element;
};
/**
 * A button that toggles a dropdown menu or popover. Appends a caret suffix
 * and wires up `aria-controls` and `aria-expanded` to the controlled element.
 *
 * @component
 * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/components-button-dropdown-button--docs | Storybook Documentation}
 */
export declare const DropdownButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof import("./BaseButton").BaseButtonProps | "children"> & import("./BaseButton").BaseButtonProps & DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=DropdownButton.d.ts.map