content: import React from 'react';
  import type { Node } from 'react';
  import classNames from 'classnames';
  if(process.env.WEBPACK) require('./SvgIcon.css');
  
  export type Props = {
    /**
     * Elements passed into the SVG Icon.
     */
    children: Node,
  
    /**
     * @ignore
     */
    className?: string,
    /**
     * Provides a human-readable title for the element that contains it.
     * https://www.w3.org/TR/SVG-access/#Equivalent
     */
    titleAccess?: string,
    /**
     * Allows you to redefine what the coordinates without units mean inside an svg element.
     * For example, if the SVG element is 500 (width) by 200 (height),
     * and you pass viewBox="0 0 50 20",
     * this means that the coordinates inside the svg will go from the top left corner (0,0)
     * to bottom right (50,20) and each unit will be worth 10px.
     */
    viewBox?: string,
  };
  
  function SvgIcon(props: Props) {
    const { children, className, titleAccess, viewBox, ...other } = props;
  
    return (
      <svg
        className={classNames('icon', className)}
        focusable="false"
        viewBox={viewBox}
        aria-hidden={titleAccess ? 'false' : 'true'}
        {...other}
      >
        {titleAccess ? <title>{titleAccess}</title> : null}
        {children}
      </svg>
    );
  }
  
  SvgIcon.defaultProps = {
    viewBox: '0 0 24 24',
  };
  
  SvgIcon.muiName = 'SvgIcon';
  
  export default SvgIcon;
  