@zohodesk/svg/es/SVG/SVG.js

This Bundle Contains EmptyState Images.

import React from 'react';
import { SvgProps } from "./props/propTypes";
import { SvgDefaultProps } from "./props/defaultProps";
import style from "./SVG.module.css";
import styles from "./../css/EmptyStateVariables.module.css";
export default class SVG extends React.Component {
  render() {
    let {
      viewBox,
      children,
      name,
      isRender,
      isSymbol,
      size,
      className,
      alignHorizontal,
      isFluid,
      dataId,
      palette,
      styleName
    } = this.props;
    return /*#__PURE__*/React.createElement(React.Fragment, null, isSymbol ? /*#__PURE__*/React.createElement("div", {
      hidden: true
    }, /*#__PURE__*/React.createElement("svg", null, /*#__PURE__*/React.createElement("symbol", {
      id: name,
      viewBox: viewBox
    }, children))) : null, isRender && isSymbol ? /*#__PURE__*/React.createElement("div", {
      className: `${size === 'large' ? style.large : size === 'small' ? style.small : isFluid ? style.cover : ''} ${className} ${styles[palette]} ${alignHorizontal ? style.svgCenter : ''} `,
      "aria-hidden": "true"
    }, /*#__PURE__*/React.createElement("svg", {
      height: "100%",
      width: "100%",
      "data-id": dataId,
      "data-test-id": dataId
    }, /*#__PURE__*/React.createElement("use", {
      xlinkHref: `#${name}`
    }))) : isRender ? /*#__PURE__*/React.createElement("div", {
      className: `${size === 'large' ? style.large : size === 'small' ? style.small : isFluid ? style.cover : ''} ${className} ${styles[palette]} ${alignHorizontal ? style.svgCenter : ''} `,
      "aria-hidden": "true"
    }, /*#__PURE__*/React.createElement("svg", {
      height: "100%",
      width: "100%",
      viewBox: viewBox,
      "data-id": dataId,
      "data-test-id": dataId,
      style: styleName
    }, children)) : null);
  }

}
SVG.propTypes = SvgProps;
SVG.defaultProps = SvgDefaultProps; // if (__DOCS__) {
//   SVG.docs = {
//     componentGroup: 'SVG'
//   };
// }