require('./ToastNew.styles_1hkc9vu.css');
'use strict';

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

var react = require('@linaria/react');
var ToastNew_tokens = require('./ToastNew.tokens.js');
var common = require('../../../engines/common.js');
var Button$1 = require('../../Button/Button.js');

var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
var Button = /*#__PURE__*/common.component(mergedButtonConfig);
var base = "bwsgj81";
var _exp2 = function _exp2() {
  return function (_ref) {
    var textColor = _ref.textColor;
    return textColor || "var(".concat(ToastNew_tokens.tokens.color, ")");
  };
};
var _exp6 = function _exp6() {
  return function (_ref2) {
    var width = _ref2.width;
    return width || 'auto';
  };
};
var Toast = /*#__PURE__*/react.styled('div')({
  name: "Toast",
  "class": "tqy7ocl",
  propsAsIs: false,
  vars: {
    "tqy7ocl-0": [/*#__PURE__*/_exp2()],
    "tqy7ocl-1": [/*#__PURE__*/_exp6()]
  }
});
var _exp12 = function _exp12() {
  return Button;
};
var CloseIconWrapper = /*#__PURE__*/react.styled(_exp12())({
  name: "CloseIconWrapper",
  "class": "c1wttroo",
  propsAsIs: true
});
var StyledContentLeft = /*#__PURE__*/react.styled('div')({
  name: "StyledContentLeft",
  "class": "s1h0cw9p",
  propsAsIs: false
});

exports.CloseIconWrapper = CloseIconWrapper;
exports.StyledContentLeft = StyledContentLeft;
exports.Toast = Toast;
exports.base = base;
