'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var styled = require('styled-components');
var position = require('./style/position.js');
var animation = require('./style/animation.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

const ToastWrapper = styled__default['default'].div `
  ${(props) => position.getToastPosition(props.position, props.theme)};
  position: fixed;
  display: flex;
  pointer-events: none;
  z-index: ${({ zIndex }) => zIndex};
`;
const AnimatedToastMessage = styled__default['default'].div `
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-name: ${(props) => props.entering
    ? animation.getEnteringAnimation(props.position)
    : animation.getExitingAnimation(props.position)};
`;

exports.AnimatedToastMessage = AnimatedToastMessage;
exports.ToastWrapper = ToastWrapper;
