import React from 'react';
import cx from 'classnames';
import type { IconProps } from '../types';

export const CollaboratorsAppIcon: React.FC<IconProps> = ({
    className,
    testId = 'CollaboratorsAppIcon',
    size,
}) => (
    <svg
        data-testid={testId}
        className={cx('Icon AppIcon CollaboratorsAppIcon', className)}
        width={size}
        height={size}
        viewBox="0 0 48 48"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
    >
        <path
            d="M22 14.5C22 18.6421 18.6421 22 14.5 22C10.3579 22 7 18.6421 7 14.5C7 10.3579 10.3579 7 14.5 7C18.6421 7 22 10.3579 22 14.5Z"
            fill="url(#CollaboratorsAppIconGradient)"
        />
        <path
            d="M41 33.5C41 37.6421 37.6421 41 33.5 41C29.3579 41 26 37.6421 26 33.5C26 29.3579 29.3579 26 33.5 26C37.6421 26 41 29.3579 41 33.5Z"
            fill="url(#CollaboratorsAppIconGradient)"
        />
        <path
            d="M36 21.5732C38.913 20.5436 41 17.7655 41 14.5C41 10.3579 37.6421 7 33.5 7C30.2345 7 27.4564 9.08702 26.4268 12C26.1173 12.8756 26.066 13.7583 26.0141 14.6503C25.9881 15.0977 25.962 15.5475 25.9031 16C25.232 21.1516 21.1516 25.232 16 25.9031C15.5717 25.9589 15.1412 25.9752 14.711 25.9916C14.1381 26.0134 13.5657 26.0352 13 26.15C9.57664 26.8449 7 29.8716 7 33.5C7 37.6421 10.3579 41 14.5 41C18.1284 41 21.1551 38.4234 21.85 35C21.9648 34.4343 21.9866 33.8619 22.0084 33.289C22.0248 32.8588 22.0411 32.4283 22.0969 32C22.768 26.8484 26.8484 22.768 32 22.0969C32.4525 22.038 32.9023 22.0119 33.3497 21.9859C34.2417 21.934 35.1244 21.8827 36 21.5732Z"
            fill="url(#CollaboratorsAppIconGradient)"
        />
        <defs>
            <linearGradient
                id="CollaboratorsAppIconGradient"
                x1="7"
                y1="7"
                x2="40.15"
                y2="41"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="var(--app-icon-gradient-color-0)" />
                <stop offset="1" stopColor="var(--app-icon-gradient-color-1)" />
            </linearGradient>
        </defs>
    </svg>
);