// import { createContext } from 'preact'
// import { toChildArray } from 'preact'
// import { useContext, useState } from 'preact/hooks'

// const AnimationContext = createContext()

// export const useAnimation = animation => {
//     const [styles, setStyles] = useState({})

//     const start = () => {
//         setStyles({ animation })
//     }

//     return [
//         start,
//         {
//             styles,
//             onAnimationEnd: e => {
//                 console.log('animation end')
//             },
//         },
//     ]
// }

// export const Animation = ({ animation, children }) => {}