text: import { template as _$template } from "r-dom";
  import { effect as _$effect } from "r-dom";
  import { getNextElement as _$getNextElement } from "r-dom";
  import { runHydrationEvents as _$runHydrationEvents } from "r-dom";
  import { classList as _$classList } from "r-dom";
  import { spread as _$spread } from "r-dom";
  
  const _tmpl$ = _$template(`<div id="main"><h1 disabled=""><a href="/">Welcome</a></h1></div>`, 6),
    _tmpl$2 = _$template(`<div><div></div><div></div></div>`, 6),
    _tmpl$3 = _$template(`<div></div>`, 2);
  
  const template = (() => {
    const _el$ = _$getNextElement(_tmpl$),
      _el$2 = _el$.firstChild,
      _el$3 = _el$2.firstChild;
  
    _$spread(_el$, results, false, true);
  
    _$classList(_el$, {
      selected: selected
    });
  
    _el$.style.setProperty("color", color);
  
    _$spread(_el$2, () => results(), false, true);
  
    typeof link === "function" ? link(_el$3) : (link = _el$3);
  
    _$effect(
      _p$ => {
        const _v$ = welcoming(),
          _v$2 = color(),
          _v$3 = {
            selected: selected()
          };
  
        _v$ !== _p$._v$ && (_el$2.title = _p$._v$ = _v$);
        _v$2 !== _p$._v$2 && _el$2.style.setProperty("background-color", (_p$._v$2 = _v$2));
        _p$._v$3 = _$classList(_el$2, _v$3, _p$._v$3);
        return _p$;
      },
      {
        _v$: undefined,
        _v$2: undefined,
        _v$3: undefined
      }
    );
  
    _$runHydrationEvents(_el$.getAttribute("_hk"));
  
    return _el$;
  })();
  
  const template2 = (() => {
    const _el$4 = _$getNextElement(_tmpl$2),
      _el$5 = _el$4.firstChild,
      _el$6 = _el$5.nextSibling;
  
    _el$5.textContent = rowId;
    _el$6.textContent = row.label;
    const _el$7 = _el$6.firstChild;
  
    _$effect(() => (_el$7.data = row.label));
  
    return _el$4;
  })();
  
  const template3 = (() => {
    const _el$8 = _$getNextElement(_tmpl$3);
  
    _el$8.id = state.id;
  
    _el$8.style.setProperty("background-color", state.color);
  
    _el$8.textContent = state.content;
  
    _$effect(() => (_el$8.name = state.name));
  
    return _el$8;
  })();
  
  const template4 = (() => {
    const _el$9 = _$getNextElement(_tmpl$3);
  
    _$effect(() => (_el$9.className = `hi ${state.class}`));
  
    return _el$9;
  })();
  