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