import { type StoryObj } from "@storybook/react-vite";
/**
 * A component that reveals actionable elements (buttons, links) on hover or focus.
 * The action is visually hidden but always accessible to screen readers and keyboard navigation.
 *
 * **Usage:**
 * - The `action` prop must contain either a button or link element
 * - When the entire area is clicked, it triggers the click action on the first button or link found
 * - Use `actionVisibility` prop to control when actions appear:
 *   - `"on-interaction"` (default): Actions appear only on hover or keyboard focus
 *   - `"always"`: Actions are always visible
 */
declare const meta: {
    title: string;
    component: import("react").FC<{
        action: import("react").ReactNode;
        disabled?: boolean;
        as?: import("react").ElementType;
        activeBackgroundColor?: import("../src/types/general.types").SemanticBackgroundColor;
        actionVisibility?: "always" | "on-interaction";
        children: import("react").ReactNode;
    } & Omit<Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
        as?: import("react").ElementType | undefined;
        elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
        backgroundColor?: import("../src/types/general.types").BackgroundColor;
        borderRadius?: keyof typeof import("../src/index").SIZES;
        borderRadiusLeft?: keyof typeof import("../src/index").SIZES;
        borderRadiusRight?: keyof typeof import("../src/index").SIZES;
        hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
        cursor?: import("../src/types/general.types").CursorOption;
    } & {
        ref?: any;
    }, "hoverBackgroundColor">> & {
        Action: import("react").FC;
    };
    parameters: {
        backgrounds: {
            default: string;
        };
    };
};
export default meta;
type Story = StoryObj;
/**
 * Basic example showing a card with action buttons that appear on hover.
 * The buttons are always accessible via keyboard navigation.
 */
export declare const Base: Story;
/**
 * Disabled state - actions won't appear on hover
 */
export declare const Disabled: Story;
/**
 * Multiple cards in a list, each with hover actions
 */
export declare const ListExampleWithBackgroundColor: Story;
/**
 * Action always visible - useful when you want the action to be permanently displayed
 */
export declare const AlwaysVisibleAction: Story;