import React from "react";
import type { IconColorNames, IconNames } from "@jobber/design";
interface IconButtonProps {
    /**
     * Press handler
     */
    onPress?(): void;
    /** The icon to show.  */
    readonly name: IconNames;
    /**
     * Accessibilty label for the component. It's also used for testing
     */
    readonly accessibilityLabel: string;
    /**
     * Determines the color of the icon. If not specified, some icons have a default system colour
     * like quotes, jobs, and invoices.
     * Others that don't have a system colour fall back to greyBlue.
     */
    readonly color?: IconColorNames;
    /**
     * Sets a custom color for the icon. Can be a rgb() or hex value.
     */
    readonly customColor?: string;
    /**
     * a component that would render over the icon
     * e.g. the number of notifications over the activity feed icon
     */
    readonly badge?: React.ReactNode;
    /**
     * Used to locate this button in tests
     */
    readonly testID?: string;
}
export declare function IconButton({ badge, name, color, customColor, onPress, accessibilityLabel, testID, }: IconButtonProps): React.JSX.Element;
export {};