---
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",
    },
};
---

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

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