lingo3d/lib/editor/FileBrowser/FileBrowserControls.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
import IconButton from "../component/IconButton";
import AppBar from "../component/bars/AppBar";
import AddIcon from "./icons/AddIcon";
import RenameIcon from "./icons/RenameIcon";
import DeleteIcon from "./icons/DeleteIcon";
import useSyncState from "../hooks/useSyncState";
import { getFileSelected } from "../../states/useFileSelected";
import createJSON from "../../api/files/createJSON";
import deleteFile from "../../api/files/deleteFile";
const FileBrowserControls = () => {
    const fileSelected = useSyncState(getFileSelected);
    return (_jsxs(AppBar, { style: { gap: 4 }, children: [_jsx(IconButton, { label: "create", onClick: createJSON, children: _jsx(AddIcon, {}) }), _jsx(IconButton, { label: "rename", disabled: !fileSelected, children: _jsx(RenameIcon, {}) }), _jsx(IconButton, { label: "delete", disabled: !fileSelected, onClick: deleteFile, children: _jsx(DeleteIcon, {}) })] }));
};
export default FileBrowserControls;
//# sourceMappingURL=FileBrowserControls.js.map