slanted-gamedev-toolz/lib/components/Example/Example.js

A slanted mix of tools for your brilliant ideas in game design.

import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
import { ImportExportLocalStorage } from "../ImportExportLocalStorage/ImportExportLocalStorage";
import { useLocalSaveData } from "../ImportExportLocalStorage/utils/useSaveData";
import { LocalizationSelect } from "../LocalizationSelect/LocalizationSelect";
const defaultData = { id: "myKey" };
export const Example = ({}) => {
    const { saveLocalStorageData, clearLocalStorageData, saveGameData } = useLocalSaveData(defaultData);
    return (_jsxs("div", { style: { color: "white" }, children: [_jsxs("div", { style: {
                    padding: 24,
                    color: "gold",
                }, children: ["Diagnostics", _jsxs("p", { children: ["save data: ", JSON.stringify(saveGameData)] }), _jsx("button", { onClick: clearLocalStorageData, children: "clear save data 1" }), _jsx("button", { onClick: () => {
                            const newSave = { id: "new" };
                            saveLocalStorageData(newSave);
                        }, children: "set save data: new" }), _jsx("button", { onClick: () => {
                            const newSave = { id: "old" };
                            saveLocalStorageData(newSave);
                        }, children: "set save data: old" })] }), _jsx("h2", { children: `<ImportExportLocalStorage>` }), _jsx(ImportExportLocalStorage, { defaultData: { example: "example" } }), _jsx("h2", { children: `<LocalizationSelect>` }), _jsx(LocalizationSelect, {})] }));
};