[SolidJS] How to use variants. Also support for dynamic variants?

[Tanish2002]

How do we use variants in SolidJS?
Also do we have support for dynamic variants like in framer-motion?
Also how do we orchestrate animations between parent and children in a declaritive way? I could use the timeline function but I want to do it in a declartive way.

Like in framer-motion one could use the when property. Like this(docs):

import { Variants } from "framer-motion";

const variants: Variants = {
  initial: {
    opacity: 0,
  },
  animation: {
    opacity: 1,
    transition: {
      when: "beforeChildren",
    },
  },
  exit: {
    opacity: 0,
    transition: {
      when: "afterChildren",
    },
  },
};