Apply a class in a Framer Motion tag, animate or initial prop

How do I use a Framer Motion tag, and in the animate and initial props, Apply a class. Like so.

<motion.div
  initial={{ className: 'hidden' }}
  animate={{ className: 'visible' }}
>
  <div>yo</div>
</motion.div>

I HAVE to use classes as I am using tailwindcss.

I expect and hope there is a way to do this, 'cus the example I showed above, Just puts this in the rendered HTML tag style="class-name:{class_name}" which does absolutely nothing.

Thanks in advance.