import { motion } from "https://esm.sh/framer-motion";
import React from "https://esm.sh/react";
import ReactDOM from "https://esm.sh/react-dom";
export function App() {
return (
<>
<motion.div
className="box"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
whileHover={{ scale: 1.2 }}
whileTap={{ scale: 1.1 }}
drag="x"
dragConstraints={{ left: -100, right: 100 }}
/>
</>
);
}
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);