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