export const getInlineStyles = ({ style = {}, ...props } = {}) => ({
    ...style,
    transitionDelay: props.delay || null,
    transitionDuration: props.duration || null,
    transitionTimingFunction: props.timingFn || null,
});

export const defaultAnimationProps = {
    appear: true,
    duration: '500ms',
    timeout: 0,
    timingFn: 'linear',
};

export const getInlineStyles = ({ style = {}, ...props } = {}) => ({
    ...style,
    transitionDelay: props.delay || null,
    transitionDuration: props.duration || null,
    transitionTimingFunction: props.timingFn || null,
});

export const defaultAnimationProps = {
    appear: true,
    duration: '500ms',
    timeout: 500,
    timingFn: 'ease',
};

Set default props to be more sensible
fix(timeouts): Set default props to be more sensible

Using timeout of 0 makes the animation statuses cycle too quickly. Updating to 500. Also changing
timing fn to ease
