34 lines
1.0 KiB
JavaScript
34 lines
1.0 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
Object.defineProperty(exports, "MessageBarMotion", {
|
|
enumerable: true,
|
|
get: function() {
|
|
return MessageBarMotion;
|
|
}
|
|
});
|
|
const _reactmotion = require("@fluentui/react-motion");
|
|
const _reactmotioncomponentspreview = require("@fluentui/react-motion-components-preview");
|
|
const MessageBarMotion = (0, _reactmotion.createPresenceComponent)(({ animate })=>{
|
|
const duration = _reactmotion.motionTokens.durationGentle;
|
|
return {
|
|
enter: animate === 'both' ? [
|
|
(0, _reactmotioncomponentspreview.fadeAtom)({
|
|
direction: 'enter',
|
|
duration
|
|
}),
|
|
(0, _reactmotioncomponentspreview.slideAtom)({
|
|
direction: 'enter',
|
|
outY: '-100%',
|
|
duration
|
|
})
|
|
] : [],
|
|
// Always exit with a fade
|
|
exit: (0, _reactmotioncomponentspreview.fadeAtom)({
|
|
direction: 'exit',
|
|
duration
|
|
})
|
|
};
|
|
});
|