{section.title}
{$t('section.order', { values: { order: section.order } })}
{#if section.icon}
({section.icon})
{/if}
onToggleAddWidget(section.id)} class="rounded-md bg-primary px-2 py-1 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90" > {$t('widget.add')}
onDeleteSection(section.id)} class="rounded-md bg-destructive px-2 py-1 text-xs font-medium text-destructive-foreground transition-colors hover:bg-destructive/90" > {$t('common.delete')}
{#if addWidgetSectionId === section.id}
{/if} {#if widgets.length === 0}
{$t('widget.no_widgets_dnd')}
{:else}
{#each widgets as widget (widget.id)}
{widget.type}
{getWidgetLabel(widget)}
onDeleteWidget(widget.id)} class="rounded-md bg-destructive px-2 py-1 text-xs font-medium text-destructive-foreground transition-colors hover:bg-destructive/90" > {$t('widget.remove')}
{/each}
{/if}