import { jsx as _jsx } from "react/jsx-runtime";
import { useEffect, useState } from "react";
const Transitiondiv = (props) => {
    const [val, setVal] = useState(0);
    useEffect(() => {
        setVal(1);
    }, []);
    return (_jsx("div", { className: "Transitiondiv-wrapper", style: { ...props.effect == "fade"
                ?
                    { opacity: val }
                :
                    props.effect == "pan"
                        ?
                            { transform: props.axis == "x" ? ("translateX(" + val + ")") : ("translateY(" + val + ")") }
                        :
                            props.effect == "pop"
                                ?
                                    props.axis == "x"
                                        ?
                                            { transform: "scaleX(" + val + ")", transformOrigin: "left" }
                                        :
                                            props.axis == "y"
                                                ?
                                                    { transform: "scaleY(" + val + ")", transformOrigin: "top" }
                                                :
                                                    { transform: "scale(" + val + ")" }
                                :
                                    null, ...props.wrapperStyles }, children: props.children }));
};
export default Transitiondiv;
//# sourceMappingURL=Transitiondiv.js.map