19 lines
619 B
TypeScript
19 lines
619 B
TypeScript
import { IconDots } from "@tabler/icons-react";
|
|
import { FC } from "react";
|
|
|
|
interface Props {}
|
|
|
|
export const ChatLoader: FC<Props> = () => {
|
|
return (
|
|
<div
|
|
className={`flex justify-center py-[20px] sm:py-[30px] whitespace-pre-wrap dark:bg-[#444654] dark:text-neutral-100 bg-neutral-100 text-neutral-900 dark:border-none"`}
|
|
style={{ overflowWrap: "anywhere" }}
|
|
>
|
|
<div className="w-full sm:w-4/5 md:w-3/5 lg:w-[600px] xl:w-[800px] flex px-4">
|
|
<div className="mr-1 sm:mr-2 font-bold min-w-[40px]">AI:</div>
|
|
<IconDots className="animate-pulse" />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|