import React from 'react';
import Svg, { Path } from 'react-native-svg';

const DocumentApprovedIcon = ({size = 200, color = "#707070"}) => (
  <Svg
    viewBox="0 0 1024 1024"
    width={size}
    height={size}
  >
    {/* Document lines (gray) */}
    <Path
      d="M240.9 526.8c-9.5 0-20.2-9.8-20.2-19.3v-5.8c0-7.4 3.1-19.3 20.2-19.3H517c9.5 0 19.3 9.6 19.3 19.3v5.8c0 9.5-9.8 19.3-19.3 19.3H240.9z m0-252.8c-17 0-19.6-12.7-19.6-20.1 0-15.8 10.3-25.9 19.6-25.9h186.7c9.5 0 18.4 10.7 18.4 20.4v5.8c0 9.5-8.9 19.8-18.4 19.8H240.9z m0 127.1c-9.5 0-20.2-10.7-20.2-20.2v-5.8c0-9.5 10.6-19.8 20.2-19.8h396.3c9.5 0 20.2 10.3 20.2 19.8v4.9c-6.1 11.2-11.3 21.1-26.2 21.1H240.9z"
      fill="#707070"
    />
    
    {/* Document outline (gray) */}
    <Path
      d="M796 497.9c-11.8 0-23.8-5.2-23.8-23.6V164.7c0-29.4-23-53.2-52.5-53.2H187.5c-29.4 0-52.7 23.8-52.7 53.2V831c0 29.4 23.1 54.2 52.7 54.2h306.7c11.8 0 23.6 11.2 23.6 23s-11.8 23-23.6 23H187.5c-59 0-100.2-47.2-100.2-100.2V164.7c0-53 47-100.7 100.2-100.7h532.4c59 0 100.1 47.6 100.1 100.7v309.5c-0.2 15.1-6.3 23.7-24 23.7z"
      fill="#707070"
    />
    
    {/* Red approval circle */}
    <Path
      d="M879.7 625c-36.9-36.8-86.9-57.3-139-57-52.1-0.3-102.1 20.2-139 57-36.8 36.9-57.3 86.9-57 139 0 52.9 20.2 102.2 57 139 36.9 36.8 86.9 57.3 139 57 52.1 0.3 102.1-20.2 139-57 36.8-36.9 57.3-86.9 57-139 0.3-52.1-20.3-102.1-57-139z m-139 298.6c-86.4 0-159.5-73.1-159.5-159.5s73.1-159.5 159.5-159.5c42.4 0 82.3 16.2 112.3 45.5 30.6 30 47.7 71.2 47.4 114-0.2 86.5-73.2 159.5-159.7 159.5z"
      fill="#D81E06"
    />
    
    {/* Red checkmark */}
    <Path
      d="M834.8 787.1H726.9c-5.9 0-10.8-4.8-10.8-10.8V668.5c0-6 4.8-10.8 10.8-10.8h10.2c6 0 10.8 4.8 10.8 10.8v86.8h86.8c6 0 10.8 4.8 10.8 10.8v10.2c0 6-4.8 10.8-10.7 10.8z"
      fill="#D81E06"
    />
  </Svg>
);

export default DocumentApprovedIcon;