// #region Imports
import { EaseOut } from '../AnimationEasings';
import { animation } from '../Types';
// #endregion
const fadeIn = animation([
    { opacity: 0 },
    { opacity: 1 }
], {
    duration: 200,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const fadeOut = animation([
    { opacity: 1 },
    { opacity: 0 }
], {
    duration: 200,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const fadeSlideIn = animation([
    {
        opacity: 0,
        transform: 'translateY(16px)'
    },
    {
        opacity: 1,
        transform: 'translateY(0)'
    }
], {
    duration: 200,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const fadeSlideOut = animation([
    {
        opacity: 1,
        transform: 'translateY(0)'
    },
    {
        opacity: 0,
        transform: 'translateY(16px)'
    }
], {
    duration: 200,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
export { fadeIn, fadeOut, fadeSlideIn, fadeSlideOut };
//# sourceMappingURL=Fade.js.map