mapcomplete/UI/Studio/Region.svelte

<script lang="ts">/***
 * A 'region' is a collection of properties that can be edited which are somewhat related.
 * They will typically be a subset of some properties
 */
import type {ConfigMeta} from "./configMeta";
import EditLayerState from "./EditLayerState";
import SchemaBasedInput from "./SchemaBasedInput.svelte";

export let state: EditLayerState
export let configs: ConfigMeta[]
export let title: string

</script>

<h3>{title}</h3>
<div class="pl-2 border border-black flex flex-col gap-y-1">

    {#each configs as config}
        <SchemaBasedInput {state} path={config.path} schema={config}/>
    {/each}
</div>