perplexica/ui/components/MessageBoxLoading.tsx

12 lines
480 B
TypeScript
Raw Normal View History

2024-04-09 10:51:05 +00:00
const MessageBoxLoading = () => {
return (
2024-05-24 12:29:49 +00:00
<div className="flex flex-col space-y-2 w-full lg:w-9/12 bg-primaryLight dark:bg-primaryDark animate-pulse rounded-lg p-3">
<div className="h-2 rounded-full w-full bg-secondLight dark:bg-secondDark" />
<div className="h-2 rounded-full w-9/12 bg-secondLight dark:bg-secondDark" />
<div className="h-2 rounded-full w-10/12 bg-secondLight dark:bg-secondDark" />
2024-04-09 10:51:05 +00:00
</div>
);
};
export default MessageBoxLoading;