import type { ReactNode } from "react";
export interface FilterToolbarButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    /** Visual priority of the action (affects button variant) */
    priority?: "primary" | "secondary";
    /** Icon to display on the left side of the button */
    leftIcon?: ReactNode;
    /** Icon to display on the right side of the button */
    rightIcon?: ReactNode;
}
/**
 * FilterToolbarButton - An action button component for the toolbar.
 *
 * **IMPORTANT**: This component IS ALREADY A BUTTON. Do not wrap Button components inside it.
 *
 * ❌ INCORRECT:
 * ```tsx
 * <FilterToolbarButton>
 *   <Button>Click me</Button>  // NO! Creates nested buttons
 * </FilterToolbarButton>
 * ```
 *
 * ✅ CORRECT:
 * ```tsx
 * <FilterToolbarButton
 *   priority="primary"
 *   leftIcon={<Plus />}
 *   onClick={handleClick}
 * >
 *   Click me  // Just text content
 * </FilterToolbarButton>
 * ```
 *
 * @example
 * ```tsx
 * <FilterToolbarButtons>
 *   <FilterToolbarButton
 *     priority="primary"
 *     leftIcon={<Plus className="h-4 w-4" />}
 *     onClick={() => addItem()}
 *   >
 *     Add Item
 *   </FilterToolbarButton>
 * </FilterToolbarButtons>
 * ```
 */
export declare const FilterToolbarButton: import("react").ForwardRefExoticComponent<FilterToolbarButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=filter-toolbar-button.d.ts.map