<!--
    Component: SetupFontMenu
    Contains controls for setting up font properties.
-->
<script lang="ts">
import { ComboControl } from '$shared/ui';
import { controlManager } from '../model';
</script>

<div class="py-2 px-10 flex flex-row items-center gap-2">
    <div class="flex flex-row gap-3">
        {#each controlManager.controls as control (control.id)}
            <ComboControl
                control={control.instance}
                increaseLabel={control.increaseLabel}
                decreaseLabel={control.decreaseLabel}
                controlLabel={control.controlLabel}
            />
        {/each}
    </div>
</div>
