text: import React from 'react';
  import PropTypes from 'prop-types';
  import {
    Svg,
    Circle as _Circle,
    Ellipse,
    G,
    LinearGradient,
    RadialGradient,
    Line,
    Path,
    Polygon,
    Polyline,
    Rect,
    Symbol,
    Text,
    Use,
    Defs,
    Stop,
  } from 'react-native-svg';
  
  const Underline = props => {
    const { color, size, ...otherProps } = props;
    return (
      <Svg
        width={size}
        height={size}
        viewBox="0 0 24 24"
        fill="none"
        stroke={color}
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        {...otherProps}
      >
        <Path
          d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"
          fill="none"
          stroke={color}
          strokeWidth="2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <Line
          x1="4"
          y1="21"
          x2="20"
          y2="21"
          fill="none"
          stroke={color}
          strokeWidth="2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </Svg>
    );
  };
  
  Underline.propTypes = {
    color: PropTypes.string,
    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  };
  
  Underline.defaultProps = {
    color: 'black',
    size: '24',
  };
  
  export default Underline;
  