Function TextDrop

src/showcase/components/text/text-drop/TextDrop.tsx:6–25

({ text }: { text: string })

import DropCharacters from './DropCharacters'

const TextDrop = ({ text }: { text: string }) => {
  const container = {
    visible: {
      transition: {
        staggerChildren: 0.025,
      },
    },
  }

  return (
    <motion.div initial="hidden" animate="visible" variants={container}>
      <div>
        <DropCharacters
          text={text}
          className="text-3xl font-semibold tracking-tight text-red-500"
        />
      </div>
    </motion.div>
  )
}

export default TextDrop