import React from 'react';
import { Svg, Path } from 'react-native-svg';
import colors from '../../constants/styleGuide/colors';

export default function CopySvg({
  color = colors.light.ultramarineBlue,
  height = 20,
  width = 20,
  style,
  variant = 'fill',
}) {
  let children = null;

  switch (variant) {
    case 'fill':
      children = (
        <Path
          d="M11.8572 1C12.9617 1 13.8572 1.89543 13.8572 3V4.34122H7.34122C5.68436 4.34122 4.34122 5.68437 4.34122 7.34122V13.8572H3C1.89543 13.8572 1 12.9617 1 11.8572V3C1 1.89543 1.89543 1 3 1H11.8572ZM8.14122 6.14122H13.8572V6.14291H17C18.1046 6.14291 19 7.03834 19 8.14291V17.0001C19 18.1046 18.1046 19.0001 17 19.0001H8.14284C7.03828 19.0001 6.14284 18.1046 6.14284 17.0001V13.8572H6.14122V8.14122C6.14122 7.03665 7.03665 6.14122 8.14122 6.14122Z"
          fill={color}
        />
      );
      break;

    case 'outline':
      children = (
        <Path
          d="M3.44286 12.3143C2.9458 12.3143 2.54286 11.9113 2.54286 11.4143V3.54286C2.54286 2.99057 2.99057 2.54286 3.54286 2.54286H11.4143C11.9113 2.54286 12.3143 2.9458 12.3143 3.44286V3.57143C12.3143 3.99748 12.6597 4.34286 13.0857 4.34286C13.5118 4.34286 13.8571 3.99748 13.8571 3.57143V3C13.8571 1.89543 12.9617 1 11.8571 1H3C1.89543 1 1 1.89543 1 3V11.8571C1 12.9617 1.89543 13.8571 3 13.8571H3.57143C3.99748 13.8571 4.34286 13.5118 4.34286 13.0857C4.34286 12.6597 3.99748 12.3143 3.57143 12.3143H3.44286ZM7.68568 8.68587C7.68568 8.13359 8.13339 7.68587 8.68568 7.68587H16.4571C17.0094 7.68587 17.4571 8.13359 17.4571 8.68587V16.4573C17.4571 17.0096 17.0094 17.4573 16.4571 17.4573H8.68568C8.13339 17.4573 7.68568 17.0096 7.68568 16.4573V8.68587ZM19 8.14296C19 7.03839 18.1045 6.14296 17 6.14296H8.14282C7.03825 6.14296 6.14282 7.03839 6.14282 8.14296V17.0001C6.14282 18.1047 7.03825 19.0001 8.14282 19.0001H17C18.1045 19.0001 19 18.1047 19 17.0001V8.14296Z"
          fill={color}
        />
      );
      break;

    default:
      break;
  }

  return (
    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none" style={style}>
      {children}
    </Svg>
  );
}
