<script>
    let { field, schemas } = $props();
</script>

<fieldset>
    <label>
        Schemas
        <select
            bind:value={field.props.schemas}
            aria-label="Select allowed schemas"
            multiple
            size="6"
        >
            <option disabled>Select allowed schemas </option>
            {#each schemas as schema}
                <option value={schema.id}>{schema.name}</option>
            {/each}
        </select>
    </label>
    <label>
        Min items
        <input type="number" bind:value={field.props.min} />
    </label>

    <label>
        Max items
        <input type="number" bind:value={field.props.max} />
    </label>
</fieldset>
