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

const ColorfulEditIcon = ({size} : {size: number}) => (
  <Svg
    viewBox="0 0 1024 1024"
    width={size}
    height={size}
  >
    {/* Main pencil body (yellow) */}
    <Path
      d="M888.02 145.09c-43.71-43.71-114.7-43.71-158.42 0L221.83 653.21 113.07 882.27c-2.1 3.85-3.5 8.39-3.5 13.29 0 15.39 12.59 27.98 27.98 27.98 4.9 0 9.09-1.4 12.94-3.5L379.9 811.28l508.12-508.12c43.71-43.72 43.71-114.36 0-158.07z"
      fill="#FFC600"
    />
    
    {/* Pencil lines (light yellow) */}
    <Path
      d="M313.81 654.26c-3.5 0-6.99-1.4-9.79-4.2-5.6-5.6-5.6-14.34 0-19.93L443.2 490.95c5.6-5.6 14.34-5.6 19.93 0 5.6 5.6 5.6 14.34 0 19.93L323.95 650.06c-3.15 2.8-6.65 4.2-10.14 4.2zM532.02 436.04c-3.5 0-6.99-1.4-9.79-4.2-5.6-5.6-5.6-14.34 0-19.93l79.03-79.03c5.6-5.6 14.34-5.6 19.93 0 5.6 5.6 5.6 14.34 0 19.93l-79.03 79.03c-2.79 2.8-6.64 4.2-10.14 4.2z"
      fill="#FFEEB2"
    />
    
    {/* Pencil tip (gray) */}
    <Path
      d="M343.53 749.03c-16.44 6.99-36.02 3.5-49.31-9.79s-16.79-33.22-9.79-49.31c-16.44 6.99-36.02 3.5-49.31-9.79-7.34-7.34-11.89-16.79-12.94-26.58L113.07 882.27c-2.1 3.85-3.5 8.39-3.5 13.29 0 15.39 12.59 27.98 27.98 27.98 4.9 0 9.09-1.4 12.94-3.5L379.9 811.28c-9.79-1.05-19.23-5.25-26.58-12.94-13.29-13.29-16.78-32.87-9.79-49.31z"
      fill="#949BA6"
    />
    
    {/* Pencil metal band (light gray) */}
    <Path
      d="M215.54 810.58c-2.1 0-4.2-0.35-5.94-1.4-6.99-3.15-9.79-11.54-6.64-18.53l20.28-43.01c3.15-6.99 11.54-9.79 18.53-6.64s9.79 11.54 6.64 18.53l-20.28 43.01c-2.45 4.89-7.35 8.04-12.59 8.04z"
      fill="#DFE1E4"
    />
    
    {/* Pencil wood (dark gray) */}
    <Path
      d="M729.95 145.09l-39.52 39.52 158.42 158.42 39.52-39.52c43.71-43.71 43.71-114.7 0-158.42-43.71-43.72-114.7-43.72-158.42 0z"
      fill="#717582"
    />
    
    {/* Additional details */}
    <Path
      d="M818.78 313.3l29.72 29.72 39.52-39.52c43.71-43.71 43.71-114.7 0-158.42l-9.79 9.79c7.69 7.69 12.24 18.18 12.24 29.72s-4.9 22.38-12.59 29.72c2.8 20.98-3.5 43.01-19.58 59.1l-39.52 39.89z"
      fill="#515560"
    />
    <Path
      d="M739.75 392.33L344.93 787.15c2.1 4.2 4.9 8.04 8.39 11.54 7.34 7.34 16.79 11.89 26.58 12.94l389.57-389.57-29.72-29.73z"
      fill="#FFA100"
    />
    <Path
      d="M611.178 263.569l79.136-79.114 158.233 158.279-79.135 79.113z"
      fill="#949BA6"
    />
    <Path
      d="M739.8 392.112l79.125-79.124 29.67 29.67-79.125 79.124zM353.32 798.34a43.295 43.295 0 0 1-10.14-16.09c-38.47 18.18-126.94 60.15-175.9 83.23l-10.14 10.14 27.98 27.98c64-30.42 195.14-92.32 195.14-92.32-10.15-1.05-19.59-5.25-26.94-12.94z"
      fill="#717582"
    />
    <Path
      d="M848.5 198.59c-3.5 0-6.99-1.4-9.79-4.2-15.74-15.74-43.36-15.74-59.45 0-5.6 5.6-14.34 5.6-19.93 0-5.6-5.6-5.6-14.34 0-19.93 13.29-13.29 30.77-20.63 49.31-20.63 18.53 0 36.37 7.34 49.31 20.63 5.6 5.6 5.6 14.34 0 19.93-2.1 2.8-5.95 4.2-9.45 4.2z"
      fill="#DFE1E4"
    />
    <Path
      d="M113.07 882.27c-2.1 3.85-3.5 8.39-3.5 13.29 0 15.39 12.59 27.98 27.98 27.98 4.9 0 9.09-1.4 12.94-3.5 0 0 13.64-6.64 34.27-16.09L128.81 848l-15.74 34.27z"
      fill="#FFC600"
    />
    
    {/* Decorative dots */}
    <Path
      d="M710.02 244.05m-13.99 0a13.99 13.99 0 1 0 27.98 0 13.99 13.99 0 1 0-27.98 0Z"
      fill="#DFE1E4"
    />
    <Path
      d="M670.5 283.57m-13.99 0a13.99 13.99 0 1 0 27.98 0 13.99 13.99 0 1 0-27.98 0Z"
      fill="#DFE1E4"
    />
    <Path
      d="M492.5 461.57m-13.99 0a13.99 13.99 0 1 0 27.98 0 13.99 13.99 0 1 0-27.98 0Z"
      fill="#FFEEB2"
    />
  </Svg>
);

export default ColorfulEditIcon;