底部任务栏 Dock

<footer class="xxd-dock">
  <div class="xxd-dock__status">30 字符 · 已保存</div>
  <div class="xxd-dock__tools"><button class="xxd-btn" data-variant="ghost" data-icon-only data-size="sm" aria-label="封面"><i data-xxd-icon="Image"></i></button></div>
  <div class="xxd-dock__primary"><button class="xxd-btn" data-variant="primary" data-size="sm">写入 X</button></div>
</footer>

export function DockDemo() {
  return (
    <Dock
      style={{ position: "static", width: 380 }}
      status="30 字符 · 已保存"
      tools={<Button variant="ghost" shape="square" aria-label="封面" icon={<Icon name="Image" />} />}
      primary={<Button variant="primary" size="sm">写入 X</Button>}
    />
  );
}