import {
    animate,
    state,
    style,
    transition,
    trigger,
} from '@angular/animations';

export const cardModalAnimation = (type: string) =>
    trigger(type, [
        state(
            'true',
            style({
                height: '*',
                opacity: '1',
                'margin-top': '{{marginTop}}',
                'margin-bottom': '{{marginBottom}}',
            }),
            {
                params: {
                    marginTop: '{{marginTop}}',
                    marginBottom: '{{marginBottom}}',
                },
            }
        ),
        state(
            'false',
            style({
                height: '0px',
                opacity: '0',
                'margin-top': '0px',
                'margin-bottom': '0px',
            })
        ),
        state(
            'null',
            style({
                height: '*',
            })
        ),
        transition('false <=> true', [animate('.3s ease-in-out')]),
        transition('true <=> false', [animate('.3s ease-in-out')]),
    ]);

export const cardModalAnimationFalse = (type: string) =>
    trigger(type, [
        state(
            'false',
            style({
                height: '*',
                overflow: 'visible',
                opacity: '1',
                'margin-top': '{{marginTop}}',
                'margin-bottom': '{{marginBottom}}',
            }),
            {
                params: {
                    marginTop: '{{marginTop}}',
                    marginBottom: '{{marginBottom}}',
                },
            }
        ),
        state(
            'true',
            style({
                height: '0px',
                overflow: 'hidden',
                opacity: '0',
                'margin-top': '0px',
            })
        ),
        state(
            'null',
            style({
                height: '*',
            })
        ),
        transition('true <=> false', [animate('.3s ease-in-out')]),
        transition('false <=> true', [animate('.3s ease-in-out')]),
    ]);