import type { ReactNode } from "react";
import React from "react";
import type { IconColorNames, IconNames } from "@jobber/design";
export interface ActionItemProps {
    /**
     * Title of the Action Item
     */
    readonly title?: string;
    /**
     * Name of the icon to display before content
     */
    readonly icon?: IconNames;
    /**
     * Colour of the icon displayed before content
     */
    readonly iconColor?: IconColorNames;
    /**
     * Content to display.
     */
    readonly children?: ReactNode;
    /**
     * Action icon to display
     */
    readonly actionIcon?: ActionIconNames;
    /**
     * Colour of the action icon
     */
    readonly actionIconColour?: ActionIconColour;
    /**
     * Alignment of action icon
     */
    readonly actionIconAlignment?: "flex-start" | "flex-end" | "center";
    /**
     * Press handler
     */
    readonly onPress?: () => void;
    readonly testID?: string;
}
export declare function ActionItem({ title, icon, iconColor, children, actionIcon, actionIconColour, actionIconAlignment, onPress, testID, }: ActionItemProps): React.JSX.Element;
type ActionIconColour = "interactive" | "destructive" | "informative" | "subtle";
type ActionIconNames = IconNames | "editpencil";
export {};