import { jsx as _jsx } from "react/jsx-runtime";
import {} from "@storybook/react";
import { action } from "@storybook/addon-actions";
import { DropZone } from "./drop-zone.js";
const meta = {
    title: "Connect/Components/DropZone",
    component: DropZone,
    parameters: {
        layout: "fullscreen",
    },
    args: {
        title: "Drag your documents",
        subtitle: "to drop them in the currently selected folder.",
        enable: true,
        children: (_jsx("div", { className: "flex h-screen items-center justify-center bg-zinc-50", children: _jsx("div", { className: "rounded-lg border border-zinc-200 bg-white p-8 shadow-sm", children: _jsx("div", { className: "text-sm text-zinc-600", children: "Drag files over this page to trigger the DropZone overlay." }) }) })),
        onAddFile: async (file, parent, onProgress) => {
            action("onAddFile")(file, parent, onProgress);
            // Mock progress updates
            await new Promise((resolve) => setTimeout(resolve, 100));
            onProgress?.({ stage: "loading", progress: 0 });
            await new Promise((resolve) => setTimeout(resolve, 100));
            onProgress?.({ stage: "uploading", progress: 50 });
            await new Promise((resolve) => setTimeout(resolve, 100));
            onProgress?.({ stage: "complete", progress: 100 });
            // Return mock FileNode
            return {
                id: "mock-file-id",
                name: file.name,
                kind: "file",
                parentFolder: "mock-parent-id",
            };
        },
    },
};
export default meta;
export const Default = {};
export const Disabled = {
    args: {
        enable: false,
    },
};
//# sourceMappingURL=drop-zone.stories.js.map