<script lang="ts">
	import BFormOption from "../bforms/BFormOption.svelte";
	import BFormParameter from "../bforms/BFormParameter.svelte";

  export let scope: string;
  export let key: string;
  export let value: string;
</script>

<BFormOption state unclickable icon="note_sticky">
  <BFormParameter narrow type="select" bind:value={scope} label="Scope" options={[
    { label: "Match", value: "match" },
    { label: "Devices", value: "device" },
    { label: "Global", value: "global" },
  ]} />
  <BFormParameter type="text" bind:value={key} label="Key" />
  <BFormParameter type="text" bind:value={value} label="Value" />
</BFormOption>