<script>
  import {
    Theme,
    RadioButtonGroup,
    RadioButton,
  } from "carbon-components-svelte";

  let theme = "g90";
</script>

<Theme bind:theme="{theme}" persist persistKey="__carbon-theme" />

<RadioButtonGroup legendText="Carbon theme" bind:selected="{theme}">
  {#each ["white", "g10", "g90", "g100"] as value}
    <RadioButton labelText="{value}" value="{value}" />
  {/each}
</RadioButtonGroup>
