/// <reference types="react" />
import { BADGE } from '@geometricpanda/storybook-addon-badges';
import { ActivityLogProps } from './ActivityLog.types';
/**
 *
 * Activity log list item displays in both the activity log and the attachment list.
 *
 * ```js
 *  import { ActivityLog } from "@galaxy-ds/core";
 * ```
 */
declare const meta: {
    component: import("react").FC<ActivityLogProps>;
    title: string;
    parameters: {
        badges: BADGE[];
        layout: string;
    };
    decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react/dist/types-a5624094").R, {
        name?: string | undefined;
        nameRef?: import("react").MutableRefObject<HTMLSpanElement> | undefined;
        time?: string | undefined;
        ext?: string | undefined;
        iconURL?: string | undefined;
        users?: import("./ActivityLog.types").UserType[] | undefined;
        action?: import("./ActivityLog.types").ActionType[] | undefined;
        attachment?: boolean | undefined;
        avatarGroupTooltip?: string | undefined;
        cost?: string | undefined;
        hover?: boolean | undefined;
        tooltip?: string | undefined;
        insertIconTooltip?: string | undefined;
        onAttach?: (() => void) | undefined;
        onClick?: (() => void) | undefined;
    }>) => import("react/jsx-runtime").JSX.Element)[];
    argTypes: {
        nameRef: {
            control: {
                disable: true;
            };
        };
        onAttach: {
            control: {
                disable: true;
            };
        };
        onClick: {
            control: {
                disable: true;
            };
        };
    };
};
export default meta;
export declare const Default: {
    args: {
        name: string;
        avatarGroupTooltip: string;
        time: string;
        ext: string;
        attachment: true;
        action: {
            label: string;
            color: string;
        }[];
        users: {
            name: string;
            initials: string;
        }[];
    };
    play: ({ canvasElement }: import("@storybook/csf").PlayFunctionContext<import("@storybook/react/dist/types-a5624094").R, {
        name?: string | undefined;
        nameRef?: import("react").MutableRefObject<HTMLSpanElement> | undefined;
        time?: string | undefined;
        ext?: string | undefined;
        iconURL?: string | undefined;
        users?: import("./ActivityLog.types").UserType[] | undefined;
        action?: import("./ActivityLog.types").ActionType[] | undefined;
        attachment?: boolean | undefined;
        avatarGroupTooltip?: string | undefined;
        cost?: string | undefined;
        hover?: boolean | undefined;
        tooltip?: string | undefined;
        insertIconTooltip?: string | undefined;
        onAttach?: (() => void) | undefined;
        onClick?: (() => void) | undefined;
    }>) => Promise<void>;
    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
};
/**
 *
 * Actions show the the action types that were performed by the fee earners as a chip. Set `modified`, `created`, `viewed` to `true` to show the action.
 */
export declare const Actions: {
    args: {
        name: string;
        time: string;
        ext: string;
        attachment: true;
        action: {
            label: string;
            color: string;
        }[];
        users: {
            name: string;
            initials: string;
        }[];
        avatarGroupTooltip: string;
    };
    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
};
/**
 *
 * Actions show the the action types that were performed by the fee earners as a chip.
 */
export declare const CustomActions: {
    args: {
        name: string;
        time: string;
        ext: string;
        attachment: true;
        action: {
            label: string;
            color: string;
        }[];
        users: {
            name: string;
            initials: string;
        }[];
        avatarGroupTooltip: string;
    };
    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
};
export declare const Activity: {
    args: {
        name: string;
        time: string;
        ext: string;
        attachment: true;
        action: {
            label: string;
            color: string;
        }[];
        avatarGroupTooltip: string;
    };
    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
};
/**
 * Set `hover` to `true` to enable hover and a tooltip shown on hovering over activity name.
 * Tooltip text specified by `tooltip` property, default to 'Preview'.
 */
export declare const HoverAndTooltip: {
    args: {
        name: string;
        time: string;
        ext: string;
        attachment: true;
        action: {
            label: string;
            color: string;
        }[];
        hover: true;
    };
    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
};
/**
 * Use `iconURL` to set the activity icon image. If `iconURL` is `undefined`, it will fallback to the attachment icon specified by `ext` prop, which is default to 'doc' itself. Available from v1.1.42.
 */
export declare const IconURL: {
    args: {
        name: string;
        time: string;
        ext: string;
        iconURL: string;
        attachment: true;
        action: {
            label: string;
            color: string;
        }[];
        hover: true;
    };
    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
};
export declare const Itemise: {
    args: {
        name: string;
        time: string;
        cost: string;
        attachment: true;
        hover: true;
    };
    render: (args: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
};
export declare const List: {
    args: {};
    parameters: {
        docs: {
            source: {
                code: string;
            };
        };
    };
    render: () => import("react/jsx-runtime").JSX.Element;
};