content: import React from 'react';
  import { InvalidSvg } from './InvalidUnit';
  
  const SvgUnit = (value, props) => {
    const { style, ...other } = props;
  
    if (value)
      return (
        <text className={props.className} {...other}>
          <tspan style={style}>{value.before} </tspan>
          <tspan style={style}>{value.value}</tspan>
          <tspan style={style}>
            {' '}
            {value.output ? value.output.default.after + '' : ''}
            {value.after}
          </tspan>
        </text>
      );
    else return <InvalidSvg className={props.className} />;
  };
  
  export default SvgUnit;
  