@zohodesk/svg/es/v1/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/SVG.module.css";
import styles from "../../css/EmptyStateVariables.module.css";
export default function SVG(props) {
  const {
    viewBox,
    children,
    name,
    isRender,
    isSymbol,
    size,
    className,
    alignHorizontal,
    isFluid,
    dataId,
    palette,
    styleName
  } = 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;