import * as React from 'react';
import PropTypes from 'prop-types';
import { Icon20PropValues } from '../_defaultIconPropValues.ts';

const Group = (props) => {
    const {
        width = Icon20PropValues.width,
        height = Icon20PropValues.height,
        stroke = Icon20PropValues.stroke,
        ...restProps
    } = props;
    delete restProps.fill;

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 20 20"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path
                d="M10 19.5C12.3869 19.5 14.6761 18.5518 16.364 16.864C18.0518 15.1761 19 12.8869 19 10.5C19 8.11305 18.0518 5.82387 16.364 4.13604C14.6761 2.44821 12.3869 1.5 10 1.5"
                stroke={stroke}
                strokeWidth="1.8"
                strokeLinecap="round"
            />
            <path
                d="M1 10.5H14.3333M14.3333 10.5L10.3333 6.5M14.3333 10.5L10.3333 14.5"
                stroke={stroke}
                strokeWidth="1.8"
                strokeLinecap="round"
                strokeLinejoin="round"
            />
        </svg>
    );
};

Group.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default Group;