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

export const EyesComposer = (value: number, alone: boolean) => {
  const transform = alone ? 'scale(2.5) translate(-500,-330)' : '';
  switch (value) {
    case 1:
      return thin(transform);
    case 2:
      return closed(transform);
    case 3:
      return cynic(transform);
    case 4:
      return sad(transform);
    case 5:
      return angry(transform);
    case 6:
      return normal(transform);
    default:
      return <></>;
  }
};

const thin = (transform: string) => {
  return (
    <G transform={transform} mask="url(#mask0_26_635)">
      <Path
        d="M745.802 526.549C755.216 527.849 762.491 517.882 759.068 508.349C757.356 503.149 754.36 498.382 749.653 495.349C735.104 486.249 680.759 485.382 652.088 506.182C626.841 525.249 703.01 520.482 745.802 526.549Z"
        fill="#170E0E"
        stroke="#170E0E"
        strokeWidth="13"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M864.333 531.316C856.631 531.316 851.924 521.349 855.775 513.116C857.915 508.782 860.91 504.882 865.189 502.716C878.455 496.216 913.972 500.116 929.805 522.216C943.926 541.716 899.851 530.882 864.333 531.316Z"
        fill="#170E0E"
        stroke="#170E0E"
        strokeWidth="13"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M730.824 581.149C703.437 567.282 660.218 577.682 660.218 577.682"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <Path
        d="M899.854 589.816C899.854 589.816 888.728 577.683 847.648 587.216"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </G>
  );
};
const closed = (transform: string) => {
  return (
    <G transform={transform} mask="url(#mask0_26_635)">
      <Path
        d="M743.042 526.549C752.576 527.849 759.942 517.882 756.476 508.349C754.742 503.149 751.709 498.382 746.942 495.349C732.209 486.249 677.176 485.382 648.142 506.182C622.576 525.249 699.709 520.482 743.042 526.549Z"
        fill="#170E0E"
        stroke="#170E0E"
        strokeWidth="13"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M863.074 531.316C855.274 531.316 850.508 521.349 854.408 513.116C856.574 508.782 859.608 504.882 863.941 502.716C877.374 496.216 913.341 500.116 929.374 522.216C943.674 541.716 899.041 530.882 863.074 531.316Z"
        fill="#170E0E"
        stroke="#170E0E"
        strokeWidth="13"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M727.875 581.149C694.075 595.449 656.375 577.682 656.375 577.682"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <Path
        d="M899.042 589.816C899.042 589.816 875.642 604.116 846.175 587.216"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </G>
  );
};
const angry = (transform: string) => {
  return (
    <G transform={transform}>
      <Path
        d="M715.185 586.764C715.185 586.764 684.851 587.197 654.084 564.231"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <Path
        d="M843.885 593.697C843.885 593.697 875.085 588.064 884.185 575.93"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <Path
        d="M735.985 553.397C744.218 558.164 754.618 551.664 755.052 541.697C755.052 536.497 754.185 530.864 750.718 526.097C740.318 512.23 689.618 490.997 654.518 500.097C624.185 507.897 698.285 531.73 735.985 553.397Z"
        fill="#170E0E"
      />
      <Path
        d="M869.019 558.597C862.952 563.364 852.986 557.731 851.686 548.631C850.819 543.864 851.252 538.664 853.419 534.331C860.352 521.331 892.419 503.564 918.419 512.231C940.952 520.464 898.052 537.364 869.019 558.597Z"
        fill="#170E0E"
      />
      <Path
        d="M666.218 572.03C662.752 575.064 660.585 579.83 660.152 584.597L659.718 596.73C659.285 607.13 667.085 615.797 677.052 616.23C687.452 616.664 696.118 608.864 696.552 598.897L696.985 586.764C696.985 586.33 696.985 585.897 696.985 585.464C685.718 584.597 675.752 579.83 666.218 572.03Z"
        fill="#170E0E"
      />
      <Path
        d="M843.885 592.83C843.885 593.264 843.885 593.264 843.885 593.697L843.452 604.964C843.019 614.497 850.386 622.73 859.919 623.164C869.452 623.597 877.686 616.23 878.119 606.697L878.552 595.43C878.985 591.097 877.252 587.197 875.086 584.164C865.552 589.797 855.152 591.097 843.885 592.83Z"
        fill="#170E0E"
      />
    </G>
  );
};
const cynic = (transform: string) => {
  return (
    <G transform={transform} mask="url(#mask0_26_635)">
      <Path
        d="M699.71 590.249C699.71 590.683 699.71 591.116 699.71 591.116L699.277 603.249C698.843 613.649 690.177 621.449 679.777 621.016C669.377 620.583 661.577 611.483 662.443 601.516L662.877 589.383C662.877 587.216 663.743 584.616 664.61 582.883L699.277 584.616C699.277 586.349 699.71 588.083 699.71 590.249Z"
        fill="#170E0E"
      />
      <Path
        d="M880.841 599.783L880.408 611.049C879.975 620.583 871.742 627.949 862.208 627.516C852.675 627.083 845.308 618.849 845.742 609.316L846.175 598.049C846.175 595.883 846.608 593.716 847.475 591.983L879.975 593.283C880.842 595.449 880.841 597.616 880.841 599.783Z"
        fill="#170E0E"
      />
      <Path
        d="M743.042 530.882C752.576 532.182 759.942 522.216 756.476 512.682C754.742 507.482 751.709 502.716 746.942 499.682C732.209 490.582 677.176 489.716 648.142 510.516C622.576 529.582 699.709 524.816 743.042 530.882Z"
        fill="#170E0E"
      />
      <Path
        d="M863.074 535.649C855.274 535.649 850.508 525.682 854.408 517.449C856.574 513.116 859.608 509.216 863.941 507.049C877.374 500.549 913.341 504.449 929.374 526.549C943.674 546.049 899.041 535.216 863.074 535.649Z"
        fill="#170E0E"
      />
      <Path
        d="M727.875 585.482L698.842 584.182L664.175 582.882L656.375 582.449"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <Path
        d="M899.042 594.149L879.975 593.283L847.475 591.983H846.175"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </G>
  );
};
const normal = (transform: string) => {
  return (
    <G transform={transform} mask="url(#mask0_26_635)">
      <Path
        d="M683.943 619.439C673.543 619.006 665.743 610.339 666.61 599.939L667.043 587.806C667.476 577.406 676.143 569.606 686.543 570.473C696.943 570.906 704.743 579.573 703.876 589.973L703.443 602.106C703.01 612.073 694.343 619.873 683.943 619.439Z"
        fill="#170E0E"
      />
      <Path
        d="M866.375 625.939C856.842 625.506 849.475 617.272 849.909 607.739L850.342 596.472C850.775 586.939 859.009 579.572 868.542 580.006C878.075 580.439 885.442 588.672 885.009 598.206L884.575 609.472C884.142 619.006 875.909 626.372 866.375 625.939Z"
        fill="#170E0E"
      />
      <Path
        d="M725.977 594.306C725.977 594.306 714.71 578.273 695.21 575.239C679.177 572.639 661.41 580.439 658.81 589.539"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <Path
        d="M853.809 598.206C853.809 598.206 853.809 584.339 873.743 584.339C890.209 584.339 897.143 599.506 897.143 599.506"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <Path
        d="M743.743 524.539C752.843 527.573 761.943 519.339 760.209 509.373C759.343 504.173 757.176 498.973 752.843 495.073C739.843 483.373 686.109 472.973 653.609 488.139C625.009 502.006 702.143 510.673 743.743 524.539Z"
        fill="#170E0E"
      />
      <Path
        d="M873.308 531.473C865.941 534.073 858.141 526.273 859.441 517.173C859.874 512.406 861.608 507.639 865.074 504.173C875.474 493.773 911.008 485.539 933.541 501.573C953.041 515.006 907.108 518.906 873.308 531.473Z"
        fill="#170E0E"
      />
    </G>
  );
};
const sad = (transform: string) => {
  return (
    <G transform={transform} mask="url(#mask0_26_635)">
      <Path
        d="M685.655 622.174C675.255 621.74 667.455 613.074 668.321 602.674L668.755 590.54C669.188 580.14 677.855 572.34 688.255 573.207C698.655 573.64 706.455 582.307 705.588 592.707L705.155 604.84C704.721 614.807 696.055 622.607 685.655 622.174Z"
        fill="#170E0E"
      />
      <Path
        d="M868.087 628.673C858.554 628.24 851.187 620.007 851.621 610.473L852.054 599.207C852.487 589.673 860.721 582.307 870.254 582.74C879.787 583.173 887.154 591.407 886.721 600.94L886.287 612.207C885.854 621.74 877.621 629.107 868.087 628.673Z"
        fill="#170E0E"
      />
      <Path
        d="M727.689 597.04C727.689 597.04 716.422 581.007 696.922 577.973C680.889 575.373 663.122 583.173 660.522 592.273"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <Path
        d="M855.521 600.94C855.521 600.94 855.521 587.073 875.454 587.073C891.921 587.073 898.854 602.24 898.854 602.24"
        stroke="#170E0E"
        stroke-width="13"
        stroke-miterlimit="10"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
      <Path
        d="M752.388 521.64C761.922 520.773 766.688 509.507 761.488 500.84C758.455 496.507 754.555 492.607 748.922 490.44C732.455 485.24 678.722 496.94 655.322 523.807C634.522 548.507 709.055 525.54 752.388 521.64Z"
        fill="#170E0E"
      />
      <Path
        d="M866.788 528.573C859.422 526.407 857.255 515.573 863.322 508.64C866.355 505.173 870.688 502.14 875.455 501.273C890.188 498.673 923.988 512.107 933.522 537.673C942.188 559.773 901.888 537.24 866.788 528.573Z"
        fill="#170E0E"
      />
    </G>
  );
};
