import { type FC, type ComponentProps, type ElementType, type ReactNode } from "react";
import { type SemanticBackgroundColor } from "../../../types/general.types";
import { Box } from "../Box/Box";
type Props = {
    /**
     * The actionable element to render on hover.
     * Must contain either a button or link element.
     * When the entire area is clicked, it will trigger the click action on the first button or link found within this element.
     */
    action: ReactNode;
    /**
     * Disables the hover action
     * @default false
     */
    disabled?: boolean;
    /**
     * Sets the element type, defaults to div
     *
     * @default 'div'
     */
    as?: ElementType;
    /**
     * Background color to apply on hover or focus using semantic color tokens
     */
    activeBackgroundColor?: SemanticBackgroundColor;
    /**
     * Controls when the action element is visible
     * - "on-interaction": Visible only on hover or focus (default)
     * - "always": Always visible
     * @default "on-interaction"
     */
    actionVisibility?: "always" | "on-interaction";
    children: ReactNode;
} & Omit<ComponentProps<typeof Box>, "hoverBackgroundColor">;
export declare const ActionController: FC<Props> & {
    Action: FC;
};
export {};