import React from "react";
import type { AccessibilityRole } from "react-native";
import type { IconNames } from "@jobber/design";
export type AccentType = "client" | "invoice" | "job" | "request" | "quote";
export interface ChipProps {
    /**
     * label of the chip.
     */
    readonly label?: string;
    /**
     * chip's active status
     */
    readonly isActive: boolean;
    /**
     * Boolean for chip's ability to be dismissed
     */
    readonly isDismissible?: boolean;
    /**
     * Background color to be used for inactive chips
     *
     * @default "background"
     */
    readonly inactiveBackgroundColor?: "surface" | "background";
    /**
     * Accessibility label for the component. It's also used for testing
     */
    readonly accessibilityLabel?: string;
    /**
     * Accessibility role for the component
     */
    readonly accessibilityRole?: AccessibilityRole;
    /**
     * Press handler
     */
    onPress?(): void;
    /**
     * Optional Icon
     */
    readonly icon?: IconNames;
    /**
     * Background color to be used for Active chips
     */
    readonly accent?: AccentType;
}
export declare function Chip({ icon, label, onPress, isDismissible, isActive, inactiveBackgroundColor, accessibilityLabel, accessibilityRole, accent, }: ChipProps): React.JSX.Element;