<view
  class="ant-copilot-conversations {{className}}"
  style="{{style}}"
>
  <block
    a:for="{{items}}"
    a:for-index="index"
    a:for-item="item"
    key="{{item['key']}}"
  >
    <view class="ant-copilot-conversations-swipe-item">
      <ant-swipe-action
        data-item="{{item}}"
        data-index="{{index}}"
        rightButtons="{{menus}}"
        elasticity="{{true}}"
        disabled="{{item.disabledMenu}}"
        onButtonTap="onButtonTap"
      >
        <view
          class="ant-copilot-conversations-swipe-item-view"
          hoverStartTime="{{20}}"
          hoverStayTime="{{40}}"
          hoverClass="{{item.disabled ? '' : 'ant-copilot-conversations-hover'}}"
          onTouchStart="{{item.disabled ? '' : 'onTouchStart'}}"
          onTouchEnd="{{item.disabled ? '' : 'onItemTap'}}"
          data-item="{{item}}"
          data-index="{{index}}"
        >
          <slot
            item="{{item}}"
            index="{{index}}"
          >
            <image
              a:if="{{item.icon}}"
              class="ant-copilot-conversations-swipe-item-view-icon"
              src="{{item.icon}}"
            ></image>
            <view class="ant-copilot-conversations-swipe-item-view-main">
              <view class="ant-copilot-conversations-swipe-item-view-main-top">
                <view
                  a:if="{{item.label}}"
                  class="ant-copilot-conversations-swipe-item-view-label"
                >{{item.label}}</view>
                <view
                  a:if="{{item.timestamp}}"
                  class="ant-copilot-conversations-swipe-item-view-timestamp"
                >{{item.timestamp}}</view>
              </view>
              <view
                a:if="{{item.description}}"
                class="ant-copilot-conversations-swipe-item-view-desc"
              >{{item.description}}</view>
            </view>
          </slot>
        </view>
      </ant-swipe-action>
    </view>
  </block>
</view>