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>
{#if title}
    <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>
{:else}
    <div class="pl-2 flex flex-col gap-y-1">
        {#each configs as config}
            <SchemaBasedInput {state} path={config.path} schema={config}/>
        {/each}
    </div>
{/if}