Outlook_Addin_LLM/node_modules/@fluentui/react-dialog/lib/components/DialogBackdropMotion.js

24 lines
532 B
JavaScript

import { createPresenceComponent, motionTokens } from '@fluentui/react-motion';
const keyframes = [
{
opacity: 0
},
{
opacity: 1
}
];
export const DialogBackdropMotion = createPresenceComponent({
enter: {
keyframes,
easing: motionTokens.curveLinear,
duration: motionTokens.durationGentle
},
exit: {
keyframes: [
...keyframes
].reverse(),
easing: motionTokens.curveLinear,
duration: motionTokens.durationGentle
}
});