<script lang="ts">
  import { Theme } from "carbon-components-svelte";
</script>

<Theme
  render="toggle"
  toggle={{
    themes: ["g10", "g80"],
    labelA: "Enable dark mode",
    labelB: "Enable dark mode",
    hideLabel: true,
    size: "sm",
  }}
  on:update={({ detail }) => {
    console.log("update", detail);
  }}
/>
