19 lines
603 B
TypeScript
19 lines
603 B
TypeScript
import { IconDots } from "@tabler/icons-react";
|
|
import { FC } from "react";
|
|
|
|
interface Props {}
|
|
|
|
export const ChatLoader: FC<Props> = () => {
|
|
return (
|
|
<div
|
|
className="group text-gray-800 dark:text-gray-100 border-b border-black/10 dark:border-gray-900/50 bg-gray-50 dark:bg-[#444654]"
|
|
style={{ overflowWrap: "anywhere" }}
|
|
>
|
|
<div className="text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-2xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto">
|
|
<div className="font-bold min-w-[40px]">AI:</div>
|
|
<IconDots className="animate-pulse" />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|