import { css, keyframes } from 'styled-components';

export const fadeIn = keyframes`
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
`;

export const addFadeInAnimation = (duration: string = '0.5s', delay: string = '0s') => css`
    opacity: 0;
    transform: translateY(10px);
    animation: ${fadeIn} ${duration} ${delay} forwards;
`;