<script>
  export let labelFor;
  export let text, right = false;
</script>

<label for={labelFor}>
  {#if !right}
    {text}:
  {/if}

  <slot />

  {#if right}
    {text}
  {/if}
</label>

/* App.svelte generated by Svelte v3.37.0 */
import {
  SvelteComponent,
  detach,
  init,
  insert,
  noop,
  safe_not_equal,
  set_data,
  text
} from "svelte/internal";

function create_fragment(ctx) {
  let t;

  return {
    c() {
      t = text(/*haha*/ ctx[0]);
    },
    m(target, anchor) {
      insert(target, t, anchor);
    },
    p(ctx, [dirty]) {
      if (dirty & /*haha*/ 1) set_data(t, /*haha*/ ctx[0]);
    },
    i: noop,
    o: noop,
    d(detaching) {
      if (detaching) detach(t);
    }
  };
}

function instance($$self, $$props, $$invalidate) {
  let { haha = 1 } = $$props;

  $$self.$$set = $$props => {
    if ("haha" in $$props) $$invalidate(0, haha = $$props.haha);
  };

  return [haha];
}

class App extends SvelteComponent {
  constructor(options) {
    super();
    init(this, options, instance, create_fragment, safe_not_equal, { haha: 0 });
  }
}

export default App;

<script>
  export let haha = 1;
</script>

{haha}