@wix/design-system/dist/cjs/TopBanner/TopBanner.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
var _IconButton = _interopRequireDefault(require("../IconButton"));
var _ = require("..");
var _TopBanner = require("./TopBanner.constants");
var _ActionLink = require("./components/ActionLink/ActionLink");
var _ActionButton = require("./components/ActionButton/ActionButton");
var _WixDesignSystemIconThemeProvider = require("../WixDesignSystemIconThemeProvider");
var _TopBannerSt = require("./TopBanner.st.css.js");
var _ZIndex = require("../common/ZIndex");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/TopBanner/TopBanner.tsx";
var TopBanner = _ref => {
  var _ref$dismissible = _ref.dismissible,
    dismissible = _ref$dismissible === void 0 ? true : _ref$dismissible,
    dismissLabel = _ref.dismissLabel,
    zIndex = _ref.zIndex,
    _ref$position = _ref.position,
    position = _ref$position === void 0 ? 'static' : _ref$position,
    onDismiss = _ref.onDismiss,
    action = _ref.action,
    dataHook = _ref.dataHook,
    className = _ref.className,
    children = _ref.children;
  var icons = (0, _WixDesignSystemIconThemeProvider.useIcons)('TopBanner', {
    X: _wixUiIconsCommon.X
  });
  return /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": dataHook,
    role: "status",
    "aria-live": "polite",
    style: {
      zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : _ZIndex.ZIndex.topBanner
    },
    className: (0, _TopBannerSt.st)(_TopBannerSt.classes.root, {
      dismissible,
      position
    }, className),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 27,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _TopBannerSt.classes.contentContainer,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 34,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react.default.createElement(_.Text, {
    size: "small",
    weight: "normal",
    dataHook: _TopBanner.dataHooks.content,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 35,
      columnNumber: 9
    }
  }, children), action && /*#__PURE__*/_react.default.createElement("div", {
    className: _TopBannerSt.classes.action,
    "data-hook": _TopBanner.dataHooks.action,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 40,
      columnNumber: 11
    }
  }, action)), dismissible && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    dataHook: _TopBanner.dataHooks.dismissButton,
    skin: "dark",
    priority: "tertiary",
    size: "tiny",
    ariaLabel: dismissLabel,
    onClick: onDismiss,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 47,
      columnNumber: 9
    }
  }, /*#__PURE__*/_react.default.createElement(icons.X, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 55,
      columnNumber: 11
    }
  })));
};
TopBanner.displayName = 'TopBanner';
TopBanner.ActionButton = _ActionButton.ActionButton;
TopBanner.ActionLink = _ActionLink.ActionLink;
var _default = exports.default = TopBanner;
//# sourceMappingURL=TopBanner.js.map