Custom Cursor Demo

1"use client";
2 
3import { IconLogo } from "@/components/icon-logo";
4import {
5  CustomCursor,
6  type CustomCursorProps,
7  CustomCursorTarget,
8} from "@/components/sora-ui/effects/custom-cursor";
9 
10export function CustomCursorExample({
11  className,
12  color = "#ff4c24",
13  followDamping = 22,
14  followStiffness = 150,
15}: CustomCursorProps) {
16  return (
17    <CustomCursor
18      className={className}
19      color={color}
20      followDamping={followDamping}
21      followStiffness={followStiffness}
22      layout="demo"
23    >
24      <CustomCursorTarget aria-label="Sora logo" size="lg">
25        <IconLogo className="size-full" />
26      </CustomCursorTarget>
27    </CustomCursor>
28  );
29}