import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from '../types';

export const CopyLink: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();

  return (
    <Svg width="17" height="17" viewBox="0 0 17 17" fill="none" {...props}>
      <Path
        d="M7.87284 12.3886L4.72164 15.5394C4.54576 15.7152 4.26114 15.7152 4.08527 15.5394L1.45927 12.9138C1.28379 12.7383 1.28379 12.4529 1.45927 12.2775L6.97387 6.76369C7.14935 6.58828 7.43479 6.58831 7.6102 6.76369L9.44846 8.60161C9.70781 8.86093 10.1283 8.86093 10.3877 8.60161C10.647 8.3423 10.647 7.92184 10.3877 7.66253L8.54945 5.82461C7.85607 5.13136 6.728 5.1314 6.03462 5.82461L0.519985 11.3384C-0.173328 12.0316 -0.173328 13.1596 0.519985 13.8528L3.14598 16.4785C3.84089 17.1733 4.96584 17.1734 5.66085 16.4785L8.81206 13.3277C9.07137 13.0684 9.07137 12.648 8.81206 12.3886C8.55271 12.1293 8.13219 12.1293 7.87284 12.3886Z"
        fill={getIconColor(colorVariant)}
      />
      <Path
        d="M16.4801 3.1468L13.8541 0.521167C13.1592 -0.173673 12.0343 -0.173772 11.3393 0.521167L8.18806 3.6719C7.92874 3.93122 7.92874 4.35167 8.18806 4.61098C8.44741 4.8703 8.86796 4.8703 9.12731 4.61098L12.2785 1.46025C12.4544 1.28441 12.739 1.28441 12.9149 1.46025L15.5409 4.08588C15.7164 4.26129 15.7164 4.54674 15.5409 4.72218L10.0263 10.236C9.85083 10.4114 9.56539 10.4114 9.38994 10.236L7.55169 8.39806C7.29234 8.13874 6.87182 8.13874 6.61247 8.39806C6.35312 8.65737 6.35315 9.07782 6.61247 9.33714L8.45069 11.1751C9.14404 11.8683 10.2721 11.8683 10.9655 11.1751L16.4802 5.66126C17.1735 4.96802 17.1734 3.84004 16.4801 3.1468Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
