@alauda/doom
Version:
Doctor Doom making docs.
16 lines (15 loc) • 519 B
JavaScript
import { useState } from 'react';
import { useInterval, useTranslation } from '@alauda/doom/runtime';
const CHUNKS = ['', '.', '..', '...'];
const CHUNKS_LENGTH = CHUNKS.length;
export const Thinking = () => {
const t = useTranslation();
const [index, setIndex] = useState(0);
useInterval(() => {
setIndex((index) => {
const nextIndex = index + 1;
return nextIndex === CHUNKS_LENGTH ? 0 : nextIndex;
});
}, 250);
return `${t('thinking')}${CHUNKS[index]}`;
};