"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.fadeDropDownTransition = void 0;
const styled_1 = require("../../styled");
const fadeDropDownTransition = (isOpen) => (0, styled_1.css) `
  animation: ${isOpen
    ? 'fade-in 150ms ease-out forwards'
    : 'fade-out 150ms ease-out forwards'};

  @keyframes fade-in {
    from {
      transform: translateY(-8px);

      opacity: 0;
    }

    to {
      transform: translateY(0);

      opacity: 1;
    }
  }

  @keyframes fade-out {
    from {
      transform: translateY(0);

      opacity: 1;
    }

    to {
      transform: translateY(-8px);

      opacity: 0;
    }
  }
`;
exports.fadeDropDownTransition = fadeDropDownTransition;
