slanted-gamedev-toolz/lib/components/ImportExportLocalStorage/TextAreaSaveString.js

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

import { jsx as _jsx } from "react/jsx-runtime";
import { colors } from "../../theme/palettes/colors";
import { getLocalizedTextRaw } from "../LocalizationSelect/useLocalization";
import { importExportSaveLocalization } from "./constants/ImportExportLocalization";
export const TextAreaSaveString = ({ saveString, handleChangeSaveString, defaultText, }) => {
    return (_jsx("div", { style: {
            width: "100%",
        }, children: _jsx("textarea", { id: "myInput", value: saveString, onChange: handleChangeSaveString, placeholder: defaultText ||
                getLocalizedTextRaw(importExportSaveLocalization.saveBoxPlaceholder), style: {
                boxSizing: "border-box",
                height: "50px",
                width: "100%",
                overflowY: "auto",
                color: colors.dimGray,
                fontSize: "16px",
                border: `1px solid ${colors.azureBlue}`,
                borderRadius: "8px",
            } }) }));
};