import { useState } from 'react';
import { FileInput, createUID } from '@pega/cosmos-react-core';
const MockFileInput = () => {
    const [fileStore, setFileStore] = useState([]);
    const addedFilesHandler = (addedFiles) => {
        addedFiles.forEach((file) => {
            const id = createUID();
            setFileStore([
                ...fileStore,
                {
                    id,
                    thumbnail: file.type.startsWith('image') ? URL.createObjectURL(file) : undefined,
                    name: file.name,
                    category: 'category-1',
                    format: 'png',
                    File: file,
                    onCancel: () => { }
                }
            ]);
        });
    };
    return <FileInput files={fileStore} onFilesAdded={addedFilesHandler} label='File input label'/>;
};
export default MockFileInput;
//# sourceMappingURL=MockFileInput.jsx.map