---
import PlaygroundComponent from "@components/Playground";
import StarlightPage from "@astrojs/starlight/components/StarlightPage.astro";
import type { PlaygroundLang } from "@utils/playground";

const lang: PlaygroundLang = {
    header: {
        title: "Playground",
        buttons: {
            build: "Build",
            zip: "Download zip",
            save: "Save",
            reset: "Reset",
        },
    },
    explorer: {
        title: "Explorer",
        menu: {
            add: "Add file",
            addPrompt: {
                label: "File path",
                message:
                    "Enter the path you want the new file to be created at.",
            },
            delete: "Delete",
            rename: "Rename",
            renamePrompt: {
                label: "New file path",
                message:
                    "Enter the path you want the file to be renamed/moved to.",
            },
            cancel: "Cancel",
        },
    },
    errorDisplay: {
        title: "Error during compilation!",
        buttons: {
            close: "Close",
        },
    },
};
---

<StarlightPage frontmatter={{ title: "Playground", template: "splash" }}>
    <PlaygroundComponent client:only="react" {lang} />
</StarlightPage>

<style is:global>
    .pagination-links {
        display: none;
    }
</style>