amotify
Version:
UI Component for React,NextJS,esbuild
2 lines (1 loc) • 1.02 kB
JavaScript
import{b as a,c as i,d as s}from"../../chunk-C5N2D3ZX.js";import{jsx as D}from"react/jsx-runtime";import{UUID as u}from"jmini";import{$$fromRoot as l}from"../../@utils";import{useState as I,useEffect as f}from"react";import{Box as d}from"../../atoms";const y=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return f(()=>{setTimeout(()=>{let o=l('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1})},p)},[]),D(d,i(a({},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))},S=m=>{let n=m,{animationDelay:p=100,animationTime:r=300,componentID:c=u()}=n,e=s(n,["animationDelay","animationTime","componentID"]),[t]=I(c);return f(()=>{setTimeout(()=>{let o=l('[data-component-id="'+t+'"]');o[0]&&o.css({transition:r+"ms"}).await(1).css({opacity:1,paddingTop:0})},p)},[]),D(d,i(a({paddingTop:2},e),{freeCSS:i(a({},e.freeCSS),{opacity:0}),componentID:t}))};export{y as FadeIn,S as FadeUp};