slanted-gamedev-toolz/lib/layouts/App/App.js

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

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { LoremIpsum } from "lorem-ipsum";
const lorem = new LoremIpsum({
    sentencesPerParagraph: {
        max: 8,
        min: 4,
    },
    wordsPerSentence: {
        max: 16,
        min: 4,
    },
});
import { numberWithCommas } from "../../_numbers/numberWithComma";
import { JournalUi } from "../../components/JournalUi/JournalUi";
import { LocalizationSelect } from "../../components/LocalizationSelect/LocalizationSelect";
// Runs on vite server, via yarn start
function App() {
    return (_jsxs("div", { style: { backgroundColor: "rgb(4, 28, 49)" }, children: [_jsx(LocalizationSelect, {}), _jsx(JournalUi, { pageContents: [
                    _jsx("div", { children: numberWithCommas(1_000_000, true) }),
                    _jsx("div", { children: lorem.generateParagraphs(2) }),
                    _jsx("div", { children: lorem.generateParagraphs(3) }),
                    _jsx("div", { children: lorem.generateParagraphs(4) }),
                ], pageTitles: ["Million", "2", "3", "4"], showFooter: false })] }));
}
export default App;