import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";

var _templateObject, _templateObject2;

import React from 'react';
import { DefaultToast } from 'react-toast-notifications';
import styled from 'styled-components';
export var Toast = (_ref) => {
  var {
    children
  } = _ref,
      props = _objectWithoutPropertiesLoose(_ref, ["children"]);

  return /*#__PURE__*/React.createElement(StyledToast, props, /*#__PURE__*/React.createElement(Content, null, children));
};
var StyledToast = styled(DefaultToast)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 0.8rem !important;\n  color: ", " !important;\n\n  .react-toast-notifications__toast__icon-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: unset;\n    border-radius: 0.8rem 0 0 0.8rem;\n    padding: 0;\n    width: 4.4rem;\n    height: 4.4rem;\n\n    .react-toast-notifications__toast__countdown {\n      background-color: ", ";\n    }\n\n    svg {\n      fill: ", "!important;\n      background-color: ", "!important;\n      border-radius: 100%;\n      padding: 0.8rem;\n      width: 3rem;\n      height: 3rem;\n    }\n  }\n\n  .react-toast-notifications__toast__content {\n    display: flex;\n    align-items: center;\n  }\n\n  .react-toast-notifications__toast__dismiss-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    opacity: 1;\n    padding: 0;\n    width: 4.4rem;\n    height: 4.4rem;\n\n    svg {\n      fill: ", "!important;\n      background-color: ", "!important;\n      border-radius: 100%;\n      padding: 0.8rem;\n      width: 3rem;\n      height: 3rem;\n\n      path {\n        transform: translateX(0.1rem);\n      }\n    }\n\n    svg:hover {\n      background-color: ", "!important;\n    }\n  }\n"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.palette.secondary;
}, (_ref3) => {
  var {
    theme
  } = _ref3;
  return theme.palette.primary;
}, (_ref4) => {
  var {
    theme
  } = _ref4;
  return theme.palette.light;
}, (_ref5) => {
  var {
    theme
  } = _ref5;
  return theme.palette.primary;
}, (_ref6) => {
  var {
    theme
  } = _ref6;
  return theme.palette.whiteSmoke;
}, (_ref7) => {
  var {
    theme
  } = _ref7;
  return theme.palette.primary;
}, (_ref8) => {
  var {
    theme
  } = _ref8;
  return theme.palette.whiteSmoke;
}, (_ref9) => {
  var {
    theme
  } = _ref9;
  return theme.palette.light;
});
var Content = styled.small(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([""])));
//# sourceMappingURL=index.js.map