{{! Properties Panel Section }}
<div class="tb-prop-section border-b border-gray-100 dark:border-gray-800">
    <button
        type="button"
        class="w-full flex items-center justify-between px-3 py-2 text-left hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"
        {{on "click" this.toggle}}
    >
        <div class="flex items-center space-x-2">
            {{#if @icon}}
                <FaIcon @icon={{@icon}} class="w-3 h-3 text-gray-400 dark:text-gray-500" />
            {{/if}}
            <span class="text-xs font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wider">{{@title}}</span>
        </div>
        <FaIcon
            @icon={{if @isOpen "chevron-up" "chevron-down"}}
            class="w-3 h-3 text-gray-400 dark:text-gray-500 transition-transform"
        />
    </button>
    {{#if @isOpen}}
        <div class="px-3 pb-3 pt-2">
            {{yield}}
        </div>
    {{/if}}
</div>