mirror of
https://github.com/wassname/Open-Assistant.git
synced 2026-07-05 17:30:48 +08:00
rsandb
20 lines
775 B
React
20 lines
775 B
React
import { Box, Progress, useColorModeValue } from "@chakra-ui/react";
|
|
|
|
export const MessageLoading = () => {
|
|
const loadingColor = useColorModeValue("gray.200", "gray.600");
|
|
|
|
return (
|
|
<Box className="w-full">
|
|
<Progress size="sm" isIndeterminate />
|
|
<Box className="flex flex-col gap-2 my-8">
|
|
<Box width="28" padding="4" borderRadius="md" bg={loadingColor}></Box>
|
|
<Box width="full" maxWidth="xl" height="16" bg={loadingColor} padding="4" borderRadius="xl"></Box>
|
|
</Box>
|
|
<Box className="flex flex-col gap-2 mb-4">
|
|
<Box width="28" padding="4" borderRadius="md" bg={loadingColor}></Box>
|
|
<Box width="full" maxWidth="lg" height="16" bg={loadingColor} padding="4" borderRadius="xl"></Box>
|
|
</Box>
|
|
</Box>
|
|
);
|
|
};
|