"use client";
import * as React from 'react';
import { motion } from 'framer-motion';
import { cn } from '@hanzo/ui/lib/utils';
import { jsx } from 'react/jsx-runtime';

var AppleHelloEffect = React.forwardRef(({ className, text = "Hello", duration = 2, ...props }, ref) => {
  const letters = text.split("");
  return /* @__PURE__ */ jsx(
    "div",
    {
      ref,
      className: cn(
        "relative flex items-center justify-center text-6xl font-bold",
        className
      ),
      ...props,
      children: letters.map((letter, index) => /* @__PURE__ */ jsx(
        motion.span,
        {
          initial: { opacity: 0, y: 50 },
          animate: { opacity: 1, y: 0 },
          transition: {
            duration,
            delay: index * 0.1,
            ease: [0.215, 0.61, 0.355, 1]
          },
          className: "inline-block",
          children: letter
        },
        index
      ))
    }
  );
});
AppleHelloEffect.displayName = "AppleHelloEffect";

export { AppleHelloEffect };
