<div class="dropdown-table-row t3js-topbar-shortcut" data-shortcutid="{shortcut.raw.uid}" data-shortcutgroup="{group.id}">
    <div class="dropdown-table-column dropdown-table-title">
        <a href="{shortcut.href}" class="dropdown-table-title-ellipsis t3js-shortcut-jump" data-module="{shortcut.module}" data-route="{shortcut.route}" data-pageid="{shortcut.pageId}">
            <span title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:toolbarItems.shortcut')}">
                <f:format.raw>{shortcut.icon}</f:format.raw>
            </span>
            {shortcut.label}
        </a>
    </div>
    <div class="dropdown-table-column dropdown-table-actions">
        <f:render section="Edit"/>
        <f:render section="Delete"/>
    </div>
</div>

<f:section name="Edit">
    <a href="#" class="dropdown-table-actions-btn dropdown-table-actions-btn-edit t3js-shortcut-edit"
        title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:toolbarItems.bookmarksEdit')}">
        <core:icon identifier="actions-open" alternativeMarkupIdentifier="inline"/>
    </a>
</f:section>

<f:section name="Delete">
    <a href="#" class="dropdown-table-actions-btn dropdown-table-actions-btn-delete t3js-shortcut-delete"
        title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:toolbarItems.bookmarksDelete')}">
        <core:icon identifier="actions-delete" alternativeMarkupIdentifier="inline"/>
    </a>
</f:section>
