@wix/design-system
Version:
@wix/design-system
72 lines (71 loc) • 2.67 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _NavigationToastSt = require("./NavigationToast.st.css.js");
var _Toast = _interopRequireDefault(require("../Toast"));
var _TextButton = _interopRequireDefault(require("../TextButton"));
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
var _useToastTimeout = require("../StatusToast/hooks/useToastTimeout");
var _NavigationToast = require("./NavigationToast.constants");
var _excluded = ["children", "dataHook", "prefixIcon", "onAction", "duration", "dismissible"];
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/NavigationToast/NavigationToast.tsx";
var NavigationToast = _ref => {
var {
children,
dataHook,
prefixIcon = /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowBentUpLeft, {
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 13,
columnNumber: 16
}
}),
onAction,
duration = 0,
dismissible = true
} = _ref,
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
(0, _useToastTimeout.useToastTimeout)(duration || undefined, rest.onDismiss);
return /*#__PURE__*/_react.default.createElement(_Toast.default, (0, _extends2.default)({
dataHook: dataHook,
className: _NavigationToastSt.classes.toast,
dismissible: dismissible
}, rest, {
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 22,
columnNumber: 5
}
}), /*#__PURE__*/_react.default.createElement("div", {
onClick: onAction,
className: _NavigationToastSt.classes.root,
"data-hook": _NavigationToast.dataHooks.actionContainer,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 28,
columnNumber: 7
}
}, /*#__PURE__*/_react.default.createElement(_TextButton.default, {
skin: "light",
size: "medium",
weight: "normal",
underline: "onHover",
prefixIcon: prefixIcon || undefined,
dataHook: _NavigationToast.dataHooks.text,
__self: void 0,
__source: {
fileName: _jsxFileName,
lineNumber: 33,
columnNumber: 9
}
}, children)));
};
var _default = exports.default = NavigationToast;
//# sourceMappingURL=NavigationToast.js.map