<script lang="ts">
import { Separator } from '$shared/shadcn/ui/separator/index';
import * as Sidebar from '$shared/shadcn/ui/sidebar/index';
import { ComboControl } from '$shared/ui';
import { controlManager } from '../model/state/manager.svetle';
</script>

<div class="w-full p-2 flex flex-row items-center gap-2">
    <Sidebar.Trigger />
    <Separator orientation="vertical" class="h-full" />
    {#each controlManager.controls as control (control.id)}
        <ComboControl control={control.instance} />
    {/each}
</div>
