code2024/bingo

1import { IconEdit, IconTrash, IconMore, IconDownload } from "./ui/icons"2 3export function ChatHistory() {4  return (5    <div className="chat-history fixed top-18 right-4">6      <div className="chat-history-header text-sm font-semibold text-left w-[280px] px-4 py-6">7        历史记录8      </div>9      <div className="chat-history-main">10        <div className="scroller">11          <div className="surface">12            <div className="threads">13              <div className="thread">14                <div className="primary-row">15                  <button type="button" aria-label="加载聊天">16 17                  </button>18                  <div className="description">19                    <h3 className="name">无标题的聊天</h3>20                  </div>21                  <h4 className="time">上午1:42</h4>22                  <div className="controls">23 24                    <button className="edit icon-button" type="button" aria-label="重命名">25                      <IconEdit />26                    </button>27 28                    <button className="delete icon-button" type="button" aria-label="删除">29                      <IconTrash />30                    </button>31 32                    <button className="more icon-button" type="button" aria-haspopup="true" aria-expanded="false" aria-label="更多">33                      <IconMore />34                    </button>35 36                    <button className="export icon-button" type="button" aria-label="导出">37                      <IconDownload />38                    </button>39                  </div>40                </div>41              </div>42            </div>43          </div>44        </div>45      </div>46    </div>47  )48}49