text: import React from 'react';
  import PropTypes from 'prop-types';
  
  // Mui Example:
  // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Avatar/Avatar.js#L38
  // eslint-disable-next-line prefer-arrow-callback
  const AlertDiamond = React.forwardRef(function AlertDiamond(props, ref) {
    const { color, size, ...otherProps } = props;
    const variantSizes = {
      xsmall: 12,
      small: 14,
      medium: 16,
      large: 20,
      xlarge: 28,
      xxlarge: 36,
    };
  
    const newSize = !isNaN(parseInt(size, 10))
      ? size
      : variantSizes[size] !== undefined
      ? variantSizes[size]
      : variantSizes['medium'];
  
    return (
      <svg
        viewBox="0 0 24 24"
        width={newSize}
        height={newSize}
        {...otherProps}
        fill={color}
        ref={ref}
      >
        <path d="M9.232 2.146a3.914 3.914 0 015.536 0l7.086 7.086a3.914 3.914 0 010 5.536l-7.086 7.086a3.914 3.914 0 01-5.536 0l-7.086-7.086a3.914 3.914 0 010-5.536zm3.986 1.55a1.722 1.722 0 00-2.436 0l-7.086 7.086a1.722 1.722 0 000 2.436l7.086 7.086a1.722 1.722 0 002.436 0l7.086-7.086a1.722 1.722 0 000-2.436zM12.005 14.08a1.41 1.41 0 110 2.818 1.41 1.41 0 010-2.818zm0-7.437c.55 0 1.006.406 1.084.934l.012.162v3.601a1.096 1.096 0 01-2.18.162l-.012-.162V7.74c0-.605.491-1.096 1.096-1.096z" />
      </svg>
    );
  });
  
  AlertDiamond.propTypes = {
    color: PropTypes.string,
    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  };
  
  AlertDiamond.defaultProps = {
    color: 'currentColor',
    size: '16',
  };
  
  // Hard coding component names and render names
  AlertDiamond.name = AlertDiamond.render.name || 'AlertDiamond';
  
  export default AlertDiamond;
  