import n from "styled-components";
import { getToastPosition as t } from "./style/position.js";
import { getEnteringAnimation as o, getExitingAnimation as e } from "./style/animation.js";
const r = n.div`
  ${(i) => t(i.position, i.theme)};
  position: fixed;
  display: flex;
  pointer-events: none;
  z-index: ${({ zIndex: i }) => i};
`, d = n.div`
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-name: ${(i) => i.entering ? o(i.position) : e(i.position)};
`;
export {
  d as AnimatedToastMessage,
  r as ToastWrapper
};
