@useloops/design-system
Version:
The official React based Loops design system
11 lines (10 loc) • 507 B
JavaScript
;var r=require("react/jsx-runtime"),t=require("@mui/material");require("react");var a=require("../../../utils/shouldForwardProp.js");const e=t.keyframes`
from {
opacity: 0;
transform: translateY(32px);
}
to {
opacity: 1;
transform: translateY(0);
}
`,o=t.styled("div",{shouldForwardProp:a.omitProps("duration")})(({duration:r})=>({animation:`${e} ${r}ms ease-out`}));module.exports=({duration:t=300,children:a})=>r.jsx(o,{duration:t,children:a});