Using a Component as an argument to another Component

[samuelharmer]

I'm just picking up Svelte with Carbon Components. I'm trying to do something like the following with Theme.

  <Theme
    bind:theme
    render="toggle"
    persist
    toggle={{
      themes: ["g10", "g90"],
      labelA: "Light",
      labelB: "Dark",
      hideLabel: false,
    }}
  />

But instead of "Light" and "Dark" for labels I'd like to use Sun and Moon from carbon-icons-svelte for labelA and labelB. I'm wondering if it's just not possible, because of how the Theme component has been written; the labels being strings, and the icons being <svg>...</svg> nodes?

Have I understood that correctly, or am I missing something?

[brunnerh]

In this case, I don't think you can use components because the library still uses the legacy syntax.

The Toggle that is being rendered has slots for labelA and labelB, but to my knowledge these cannot be used indirectly through the Theme, otherwise the icons could be wrapped in snippets and the snippets could be set as the label properties.

Playground with patched Toggle