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

<div class="field-header">
    <div class="labels">
        <div class="label-and-help">
            <label for={id}
            >{field.label}</label
            >
            {#if field.help}
                <small class="help-text light-text">{field.help}</small>
            {/if}
        </div>
        <span
            tabindex="-1"
            class="text-decoration-none"
        ><code class="field-id">{field.name}</code>
        </span>
    </div>
</div>
