<script>
    export let field;
    export let id;
</script>

<div class="mb-1">
    <div class="d-flex justify-content-between">
        <div>
            <label for={id} class="form-label"
            >{field.label}</label
            >
            {#if field.help}
                <small class=" text-primary  opacity-50">{field.help}</small>
            {/if}
        </div>
        <span
            tabindex="-1"
            class="text-decoration-none"
        ><code class="text-primary opacity-50">{field.name}</code>
        </span>
    </div>
</div>
