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

export const searchInputExpandAnimation = trigger('searchInputExpand', [
    transition('closed => open', [
        style({ width: '0', opacity: 0 }),
        animate(
            '200ms cubic-bezier(0.46, 0.03, 0.51, 0.95)',
            style({ width: '{{maxWidth}}', opacity: 1 })
        ),
    ], { params: { maxWidth: '*' } }),
    transition('open => closed', [
        style({ width: '{{maxWidth}}', opacity: 1 }),
        animate(
            '200ms cubic-bezier(0.46, 0.03, 0.51, 0.95)',
            style({ width: '0', opacity: 0 })
        ),
    ], { params: { maxWidth: '*' } }),
]);