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

export const DocumentsAppIcon: React.FC<IconProps> = ({
    className,
    testId = 'DocumentsAppIcon',
    size,
}) => (
    <svg
        data-testid={testId}
        className={cx('Icon AppIcon DocumentsAppIcon', className)}
        width={size}
        height={size}
        viewBox="0 0 48 48"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
    >
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M7 15C7 10.5817 10.5817 7 15 7H33C37.4183 7 41 10.5817 41 15V38.8484C41 40.3145 39.4749 41.2823 38.1484 40.6581L34.2032 38.8015C33.1245 38.2939 31.8755 38.2939 30.7968 38.8015L25.7032 41.1985C24.6245 41.7061 23.3755 41.7061 22.2968 41.1985L17.2032 38.8015C16.1245 38.2939 14.8755 38.2939 13.7968 38.8015L9.85159 40.6581C8.5251 41.2823 7 40.3145 7 38.8484V15ZM17.5 20C18.8807 20 20 18.8807 20 17.5C20 16.1193 18.8807 15 17.5 15C16.1193 15 15 16.1193 15 17.5C15 18.8807 16.1193 20 17.5 20ZM33 29.5C33 30.8807 31.8807 32 30.5 32C29.1193 32 28 30.8807 28 29.5C28 28.1193 29.1193 27 30.5 27C31.8807 27 33 28.1193 33 29.5ZM31.4246 16.0754C30.6436 15.2943 29.3772 15.2943 28.5962 16.0754L16.5754 28.0962C15.7943 28.8772 15.7943 30.1436 16.5754 30.9246C17.3564 31.7057 18.6228 31.7057 19.4038 30.9246L31.4246 18.9038C32.2057 18.1228 32.2057 16.8564 31.4246 16.0754Z"
            fill="url(#DocumentsAppIconGradient)"
        />
        <defs>
            <linearGradient
                id="DocumentsAppIconGradient"
                x1="7"
                y1="7"
                x2="35.4213"
                y2="45.6785"
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="var(--app-icon-gradient-color-0)" />
                <stop offset="1" stopColor="var(--app-icon-gradient-color-1)" />
            </linearGradient>
        </defs>
    </svg>
);