<div class="cell-dropdown-button overflow-visible {{@column.wrapperClass}}" {{did-insert this.setupComponent}} ...attributes>
    <DropdownButton @icon={{@column.ddButtonIcon}} @iconPrefix={{@column.ddButtonIconPrefix}} @text={{this.buttonText}} @size="xs" @horizontalPosition="left" @calculatePosition={{this.calculatePosition}} @renderInPlace={{true}} as |dd|>
        <div class="next-dd-menu mt-0i" role="menu" aria-orientation="vertical" aria-labelledby="user-menu">
            {{#if @column.ddMenuLabel}}
                <div class="px-1">
                    <div class="text-sm flex flex-row items-center px-3 py-1 rounded-md my-1 text-gray-800 dark:text-gray-300">
                        {{@column.ddMenuLabel}}
                    </div>
                </div>
                <div class="next-dd-menu-seperator"></div>
            {{/if}}
            {{#each @column.actions as |action|}}
                {{#if action.separator}}
                    <div class="next-dd-menu-seperator"></div>
                {{else}}
                    {{#if (is-dd-item-visible @row action.isVisible)}}
                        <div role="group" class="px-1">
                            <a href="javascript:;" role="menuitem" class="next-dd-item {{action.class}}" {{on "click" (fn this.onDropdownItemClick action @row dd)}}>
                                {{#if action.icon}}
                                    <span class="mr-1">
                                        <FaIcon class={{action.iconClass}} @icon={{action.icon}} @prefix={{action.iconPrefix}} />
                                    </span>
                                {{/if}}
                                {{action.label}}
                            </a>
                        </div>
                    {{/if}}
                {{/if}}
            {{/each}}
        </div>
    </DropdownButton>
</div>