Drag Elements Momentum Demo

1import React from "react"
2 
3import DragElements from "@/components/fancy/blocks/drag-elements"
4 
5const DragElementsDemo: React.FC = () => {
6  return (
7    <div className="w-dvw h-dvh relative bg-[#1f464d] text-[#1f464d] overflow-hidden">
8      <DragElements dragMomentum={true} className="p-30 md:p-40">
9        <div className="text-2xl md:text-6xl px-6 py-3 md:px-8 md:py-4 rounded-full bg-[#e794da] shadow-lg rotate-[-2deg] justify-center items-center">
10          super fun ✿
11        </div>
12        <div className="text-2xl md:text-6xl px-6 py-3 md:px-8 md:py-4 rounded-full bg-[#e794da] shadow-lg rotate-[2deg] justify-center items-center">
13          funky time! ✴
14        </div>
15        <div className="text-2xl md:text-6xl px-6 py-3 md:px-8 md:py-4 rounded-full bg-[#e794da] shadow-lg rotate-[-4deg] justify-center items-center">
16          awesome ✺
17        </div>
18      </DragElements>
19    </div>
20  )
21}
22 
23export default DragElementsDemo