/// <reference types="react" />
import { BADGE } from '@geometricpanda/storybook-addon-badges';
/**
 * Footer Actions serves as a wrapper component for most form actions. Add button components to suit your needs.
 *
 *  ```js
 *  import { IconButton } from "@galaxy-ds/core";
 * ```
 */
declare const meta: {
    component: {
        (props: import("./FooterActions.types").FooterActionsProps): import("react/jsx-runtime").JSX.Element;
        Left: (_props: {
            children?: import("react").ReactNode;
        }) => null;
        Right: (_props: {
            children?: import("react").ReactNode;
        }) => null;
    };
    title: string;
    parameters: {
        badges: BADGE[];
        layout: string;
    };
    decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react/dist/types-a5624094").R, {
        children?: import("react").ReactNode;
        size?: "small" | "medium" | undefined;
        fixed?: boolean | undefined;
    }>) => import("react/jsx-runtime").JSX.Element)[];
    argTypes: {
        children: {
            control: {
                disable: true;
            };
        };
        size: {
            description: string;
        };
        fixed: {
            description: string;
        };
    };
};
export default meta;
export declare const Default: {
    args: {
        size: "medium";
    };
    render: (args: {
        children?: import("react").ReactNode;
        size?: "small" | "medium" | undefined;
        fixed?: boolean | undefined;
    }) => import("react/jsx-runtime").JSX.Element;
};
/**
 * `FooterActions` has `<FooterActions.Left>` and `<FooterActions.Right>`, which are column flex box themselves.
 */
export declare const Columns: {
    args: {};
    render: (args: {
        children?: import("react").ReactNode;
        size?: "small" | "medium" | undefined;
        fixed?: boolean | undefined;
    }) => import("react/jsx-runtime").JSX.Element;
};
/**
 * Using the `size` property, chose form `medium`, `small`. `medium` is set as the default size.
 * Note: size refers to footer padding size
 */
export declare const Size: {
    args: {
        size: "small";
    };
    render: (args: {
        children?: import("react").ReactNode;
        size?: "small" | "medium" | undefined;
        fixed?: boolean | undefined;
    }) => import("react/jsx-runtime").JSX.Element;
};