<script>
  import { FlagsPanel } from 'svelte-feature-flag'
  import flags from '../../flags.json'
</script>
<style></style>
<FlagsPanel {flags} />

<script>
import { FeatureFlag } from 'svelte-feature-flag';
import flags from '../../flags.json';
</script>
<style></style>
<FeatureFlag on="feature-a" {flags} >
  <FeatureA />
</FeatureFlag>

<script>
import {FeatureFlagsHelper } from 'svelte-feature-flag';
import flags from '../../flags.json';
function handleClick() {
  if(FeatureFlagsHelper(flags).isFlagEnabled("feature-b")) {
    alert("feature b enabled")
  } else {
    alert("feature b not enabled")
  }
}
</script>
<style></style>
<button on:click={handleClick}>
Click me
</button>