#ActivityTicker

import { useEffect, useState } from 'react';
import { ActivityTicker } from '@aora-bot/react';

const lines = ['正在搜索网页', '正在阅读结果', '正在写摘要', '完成'];

export default function Demo() {
  const [i, setI] = useState(0);
  useEffect(() => {
    const id = setInterval(() => setI((n) => (n + 1) % lines.length), 1600);
    return () => clearInterval(id);
  }, []);

  return (
    <div className="site-demo site-demo--center">
      <ActivityTicker text={lines[i]} />
    </div>
  );
}