@zohodesk/svg/lib/v1/SVG/SVG.js

This Bundle Contains EmptyState Images.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = SVG;

var _react = _interopRequireDefault(require("react"));

var _propTypes = require("./props/propTypes");

var _defaultProps = require("./props/defaultProps");

var _SVGModule = _interopRequireDefault(require("../../SVG/SVG.module.css"));

var _EmptyStateVariablesModule = _interopRequireDefault(require("../../css/EmptyStateVariables.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function SVG(props) {
  var viewBox = props.viewBox,
      children = props.children,
      name = props.name,
      isRender = props.isRender,
      isSymbol = props.isSymbol,
      size = props.size,
      className = props.className,
      alignHorizontal = props.alignHorizontal,
      isFluid = props.isFluid,
      dataId = props.dataId,
      palette = props.palette,
      styleName = props.styleName;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isSymbol ? /*#__PURE__*/_react["default"].createElement("div", {
    hidden: true
  }, /*#__PURE__*/_react["default"].createElement("svg", null, /*#__PURE__*/_react["default"].createElement("symbol", {
    id: name,
    viewBox: viewBox
  }, children))) : null, isRender && isSymbol ? /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(size === 'large' ? _SVGModule["default"].large : size === 'small' ? _SVGModule["default"].small : isFluid ? _SVGModule["default"].cover : '', " ").concat(className, " ").concat(_EmptyStateVariablesModule["default"][palette], " ").concat(alignHorizontal ? _SVGModule["default"].svgCenter : '', " "),
    "aria-hidden": "true"
  }, /*#__PURE__*/_react["default"].createElement("svg", {
    height: "100%",
    width: "100%",
    "data-id": dataId,
    "data-test-id": dataId
  }, /*#__PURE__*/_react["default"].createElement("use", {
    xlinkHref: "#".concat(name)
  }))) : isRender ? /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(size === 'large' ? _SVGModule["default"].large : size === 'small' ? _SVGModule["default"].small : isFluid ? _SVGModule["default"].cover : '', " ").concat(className, " ").concat(_EmptyStateVariablesModule["default"][palette], " ").concat(alignHorizontal ? _SVGModule["default"].svgCenter : '', " "),
    "aria-hidden": "true"
  }, /*#__PURE__*/_react["default"].createElement("svg", {
    height: "100%",
    width: "100%",
    viewBox: viewBox,
    "data-id": dataId,
    "data-test-id": dataId,
    style: styleName
  }, children)) : null);
}

SVG.propTypes = _propTypes.SvgProps;
SVG.defaultProps = _defaultProps.SvgDefaultProps;