import React, { useEffect } from "react";
import { useSelector } from "react-redux";
import { loadFiles, useAppDispatch } from "@nimles/react-redux";
import { ImageGrid } from "./ImageGrid";
export const ImageSelector = ({ selected, onSelect }) => {
    const dispatch = useAppDispatch();
    const images = useSelector(({ files }) => files.values);
    useEffect(() => {
        dispatch(loadFiles());
    }, []);
    return <ImageGrid images={images} onSelect={onSelect} selected={selected}/>;
};
//# sourceMappingURL=ImageSelector.jsx.map