// #region Imports
import { EaseOut } from '../AnimationEasings';
import { animation } from '../Types';
// #endregion
const slideInFromTop = animation([
    {
        transform: 'translateY(-100%)'
    },
    {
        transform: 'translateY(0)'
    }
], {
    duration: 300,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const slideOutToTop = animation([
    {
        transform: 'translateY(0)'
    },
    {
        transform: 'translateY(-100%)'
    }
], {
    duration: 300,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const slideInFromBottom = animation([
    {
        transform: 'translateY(100%)'
    },
    {
        transform: 'translateY(0)'
    }
], {
    duration: 300,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const slideOutToBottom = animation([
    {
        transform: 'translateY(0)'
    },
    {
        transform: 'translateY(100%)'
    }
], {
    duration: 300,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const slideInFromLeft = animation([
    {
        transform: 'translateX(-100%)'
    },
    {
        transform: 'translateX(0)'
    }
], {
    duration: 300,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const slideOutToLeft = animation([
    {
        transform: 'translateX(0)'
    },
    {
        transform: 'translateX(-100%)'
    }
], {
    duration: 300,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const slideInFromRight = animation([
    {
        transform: 'translateX(100%)'
    },
    {
        transform: 'translateX(0)'
    }
], {
    duration: 300,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
const slideOutToRight = animation([
    {
        transform: 'translateX(0)'
    },
    {
        transform: 'translateX(100%)'
    }
], {
    duration: 300,
    easing: EaseOut.Sine,
    fill: 'forwards'
});
export { slideInFromTop, slideOutToTop, slideInFromBottom, slideOutToBottom, slideInFromLeft, slideOutToLeft, slideInFromRight, slideOutToRight };
//# sourceMappingURL=Slide.js.map