26 lines
693 B
TypeScript
Raw Normal View History

2023-05-02 17:02:31 +01:00
import { Show, createEffect } from 'solid-js'
import type { Component } from 'solid-js'
2023-05-02 17:02:31 +01:00
import type { MotionComponentProps, Variant } from '@motionone/solid'
import { Motion, Presence } from '@motionone/solid'
export interface AnimateViewProps extends MotionComponentProps {
2023-05-02 17:02:31 +01:00
animation: Record<string, Variant>
condition: boolean
class?: string
}
export const AnimateView: Component<AnimateViewProps> = (props) => {
2023-05-02 17:02:31 +01:00
createEffect(() => {
console.log(props.condition)
})
return (
<Presence>
<Show when={props.condition}>
2023-05-02 17:02:31 +01:00
<Motion.div class={props.class} {...props.animation}>
{props.children}
</Motion.div>
</Show>
</Presence>
)
}