"use client";
import React from "react";
import { motion } from "framer-motion";
import Image from "next/image";
import { BlurImage } from "../blur-image";
export const SkeletonOne = () => {
return (
I want to generate an image of two people, fighting outside a bar.
They fight to the core. Once they're done, they sit down and
drink beer.
Certainly, I'm generating this picture for you in a while. BTW
are you talking about THAT movie?
I don't know what you're talking about.
Are you sure?
Yes, I'm sure. But if you're generating that scene, make
sure the fighters have clown shoes and rubber chickens instead of
fists!
Affirmative, here's your image.
);
};
const UserMessage = ({ children }: { children: React.ReactNode }) => {
const variants = {
initial: {
x: 0,
},
animate: {
x: 5,
transition: {
duration: 0.2,
},
},
};
return (
{children}
);
};
const AIMessage = ({ children }: { children: React.ReactNode }) => {
const variantsSecond = {
initial: {
x: 0,
},
animate: {
x: 10,
transition: {
duration: 0.2,
},
},
};
return (
{children}
);
};