import React from 'react';

interface IconProps {
  className?: string;
  fill?: string;
}

/** @deprecated Use icons from icons-v2-generated instead. */
export const SOCIcon: React.FC<IconProps> = ({ className = "w-6 h-6", fill = "white" }) => (
  <svg className={className} fill={fill} viewBox="0 0 19 23">
    <path d="M15.9814 6.31175C15.8948 5.70298 15.5124 5.16797 14.9502 4.89232L9.95068 2.44163C9.43003 2.18635 8.82047 2.18639 8.2998 2.44163L3.29883 4.89232C2.65667 5.20737 2.24999 5.86158 2.25 6.57689V12.5901L2.26025 12.8567C2.35972 14.1884 3.19482 15.5311 4.43848 16.7868C5.74025 18.1012 7.32945 19.1566 8.42139 19.803C8.86048 20.0628 9.39001 20.0629 9.8291 19.803C10.9209 19.1566 12.509 18.1009 13.8105 16.7868C15.0543 15.5311 15.8907 14.1884 15.9902 12.8567L16.0005 12.5901V6.57689L15.9814 6.31175ZM18.2505 12.5901L18.2344 13.0207C18.0783 15.1483 16.7883 16.9788 15.4102 18.3703C14.102 19.6911 12.5805 20.751 11.439 21.4582L10.9746 21.7395C9.90044 22.3752 8.59569 22.4159 7.49268 21.8596L7.27441 21.7395C6.10763 21.0488 4.33503 19.8795 2.84033 18.3703C1.46219 16.9788 0.172143 15.1483 0.0161133 13.0207L5.1341e-10 12.5901V6.57689C-2.47635e-05 5.00296 0.895462 3.5653 2.30859 2.8723L7.30957 0.421613L7.52637 0.322003C8.62164 -0.138516 9.86716 -0.104858 10.9409 0.421613L15.9404 2.8723C17.3537 3.56522 18.2505 5.0029 18.2505 6.57689V12.5901Z"/>
    <path d="M11.8291 7.82813C12.2683 7.38887 12.9805 7.38903 13.4199 7.82813C13.8592 8.26747 13.8592 8.97961 13.4199 9.41895L8.91989 13.9189C8.48053 14.358 7.76833 14.3582 7.32907 13.9189L5.32956 11.9194L5.25192 11.833C4.89203 11.3912 4.91807 10.7404 5.32956 10.3286C5.74154 9.91664 6.39354 9.89031 6.83542 10.251L6.92038 10.3286L8.12448 11.5327L11.8291 7.82813Z"/>
  </svg>
);

/** @deprecated Use icons from icons-v2-generated instead. */
export const NOCIcon: React.FC<IconProps> = ({ className = "w-6 h-6", fill = "white" }) => (
  <svg className={className} fill={fill} viewBox="0 0 23 21">
    <path d="M10.0005 15.125C10.0005 14.5037 10.5042 14 11.1255 14C11.7466 14.0003 12.2505 14.5038 12.2505 15.125V18.0005H15.1245L15.2402 18.0063C15.8074 18.0641 16.2495 18.5431 16.2495 19.1255C16.2493 19.7077 15.8073 20.187 15.2402 20.2446L15.1245 20.2505H7.125C6.50384 20.2505 6.00026 19.7466 6 19.1255C6 18.5042 6.50368 18.0005 7.125 18.0005H10.0005V15.125Z"/>
    <path d="M19.9995 4.125C19.9995 3.08947 19.16 2.25 18.1245 2.25H4.125C3.08947 2.25 2.25 3.08947 2.25 4.125V12.1245C2.25 13.16 3.08947 13.9995 4.125 13.9995H18.1245C19.16 13.9995 19.9995 13.16 19.9995 12.1245V4.125ZM22.2495 12.1245C22.2495 14.4027 20.4027 16.2495 18.1245 16.2495H4.125C1.84683 16.2495 0 14.4027 0 12.1245V4.125C0 1.84683 1.84683 0 4.125 0H18.1245C20.4027 0 22.2495 1.84683 22.2495 4.125V12.1245Z"/>
  </svg>
);

/** @deprecated Use icons from icons-v2-generated instead. */
export const ITIcon: React.FC<IconProps> = ({ className = "w-6 h-6", fill = "white" }) => (
  <svg className={className} fill={fill} viewBox="0 0 23 19">
    <path d="M19.9995 12.1245C19.9992 11.0892 19.1599 10.2495 18.1245 10.2495H4.125C3.08963 10.2495 2.25026 11.0892 2.25 12.1245V14.1255C2.25026 15.1608 3.08963 16.0005 4.125 16.0005H18.1245C19.1599 16.0005 19.9992 15.1608 19.9995 14.1255V12.1245ZM19.9995 4.125C19.9995 3.08947 19.16 2.25 18.1245 2.25H4.125C3.08947 2.25 2.25 3.08947 2.25 4.125V6.12451C2.25 7.16005 3.08947 7.99951 4.125 7.99951H18.1245L18.3164 7.99072C19.262 7.89486 19.9995 7.09544 19.9995 6.12451V4.125ZM22.2495 6.12451C22.2495 7.30798 21.7485 8.37228 20.9502 9.12451C21.7487 9.87666 22.2494 10.941 22.2495 12.1245V14.1255C22.2492 16.4034 20.4025 18.2505 18.1245 18.2505H4.125C1.84699 18.2505 0.000263607 16.4034 0 14.1255V12.1245C0.000137144 10.9411 0.500948 9.87665 1.29932 9.12451C0.501123 8.3723 0 7.30786 0 6.12451V4.125C0 1.84683 1.84683 0 4.125 0H18.1245C20.4027 0 22.2495 1.84683 22.2495 4.125V6.12451Z"/>
    <path d="M9.12549 12L9.23975 12.0059C9.80716 12.0633 10.2505 12.5424 10.2505 13.125C10.2505 13.7076 9.80716 14.1867 9.23975 14.2441L9.12549 14.25H5.125C4.50368 14.25 4 13.7463 4 13.125C4 12.5037 4.50368 12 5.125 12H9.12549ZM9.12549 4.00049L9.23975 4.00635C9.80714 4.06386 10.2505 4.54292 10.2505 5.12549C10.2502 5.70786 9.80703 6.18718 9.23975 6.24463L9.12549 6.25049H5.125C4.50384 6.25049 4.00026 5.74658 4 5.12549C4 4.50417 4.50368 4.00049 5.125 4.00049H9.12549ZM18.5005 13.125C18.5005 13.8844 17.8844 14.5005 17.125 14.5005C16.4131 14.5005 15.8273 13.959 15.7568 13.2656L15.7495 13.125L15.7568 12.9844C15.8273 12.291 16.4131 11.7495 17.125 11.7495L17.2656 11.7568C17.959 11.8273 18.5005 12.4131 18.5005 13.125ZM18.5005 5.12549C18.5002 5.88466 17.8842 6.49951 17.125 6.49951C16.4132 6.49951 15.8275 5.95923 15.7568 5.26611L15.7495 5.12549L15.7568 4.98486C15.827 4.29129 16.4129 3.75 17.125 3.75C17.8844 3.75 18.5005 4.3661 18.5005 5.12549Z"/>
  </svg>
);

/** @deprecated Use icons from icons-v2-generated instead. */
export const OPSIcon: React.FC<IconProps> = ({ className = "w-6 h-6", fill = "white" }) => (
  <svg className={className} fill={fill} viewBox="0 0 23 22">
    <path d="M0 16.125V4.125C3.86559e-07 1.84683 1.84683 0 4.125 0H8.71143C9.20451 0.000148326 9.67958 0.172035 10.0576 0.481934L10.2129 0.622559L12.5903 3H18.1245C20.4027 3 22.2495 4.84683 22.2495 7.125V7.34033C22.2492 7.96143 21.7457 8.46533 21.1245 8.46533C20.5036 8.46507 19.9998 7.96127 19.9995 7.34033V7.125C19.9995 6.08947 19.16 5.25 18.1245 5.25H12.5391C12.0459 5.24997 11.571 5.07792 11.1929 4.76807L11.0361 4.62744L8.65869 2.25H4.125C3.08947 2.25 2.25 3.08947 2.25 4.125V16.125C2.25 17.1605 3.08947 18 4.125 18H10.1279L10.2437 18.0059C10.8107 18.0637 11.2529 18.5427 11.2529 19.125C11.2529 19.7073 10.8107 20.1863 10.2437 20.2441L10.1279 20.25H4.125C1.84683 20.25 0 18.4032 0 16.125Z"/>
    <path d="M20.0005 12.625C20.0005 12.4181 19.8324 12.2503 19.6255 12.25H15.625C15.4179 12.25 15.25 12.4179 15.25 12.625V18.2295L16.8774 16.7837L17.0474 16.6592C17.4613 16.4112 17.9989 16.4529 18.3716 16.7837L20.0005 18.231V12.625ZM22.2505 19.6226C22.25 20.9365 20.7939 21.6725 19.7485 20.9922L19.5449 20.8369L17.6245 19.1289L15.7041 20.8369C14.6562 21.7676 13.0006 21.0239 13 19.6226V12.625C13 11.1753 14.1753 10 15.625 10H19.6255C21.075 10.0003 22.2505 11.1754 22.2505 12.625V19.6226Z"/>
  </svg>
);

/** @deprecated Use icons from icons-v2-generated instead. */
export const ExploreCategoriesIcon: React.FC<IconProps> = ({ className = "w-6 h-6", fill = "white" }) => (
  <svg className={className} fill={fill} viewBox="0 0 21 21">
    <path d="M17.9995 16.1245V14.125C17.9995 13.0895 17.16 12.25 16.1245 12.25H15.2485L9.9209 17.5777C9.48172 18.0168 8.76946 18.0165 8.33008 17.5777C7.89074 17.1383 7.89074 16.4262 8.33008 15.9868L15.4009 8.91604C16.1331 8.18381 16.1331 6.99544 15.4009 6.26321L13.9858 4.84964C13.2536 4.11752 12.0667 4.11744 11.3345 4.84964L9.9209 6.26321C9.48159 6.70251 8.76943 6.70244 8.33008 6.26321C7.89074 5.82387 7.89074 5.11173 8.33008 4.67239L9.74365 3.25882C11.3545 1.64794 13.9657 1.64802 15.5767 3.25882L16.9917 4.67239L17.2744 4.98587C18.502 6.49082 18.5063 8.65859 17.2905 10.1699C19.0007 10.6731 20.2495 12.2519 20.2495 14.125V16.1245C20.2495 18.4027 18.4027 20.2495 16.1245 20.2495H5.125C4.50368 20.2495 4 19.7459 4 19.1245C4.00025 18.5034 4.50383 17.9995 5.125 17.9995H16.1245C17.16 17.9995 17.9995 17.1601 17.9995 16.1245Z"/>
    <path d="M7.99951 4.125C7.99951 3.08947 7.16005 2.25 6.12451 2.25H4.125C3.08947 2.25 2.25 3.08947 2.25 4.125V16.125C2.25 17.1605 3.08947 18 4.125 18H6.12451C7.16005 18 7.99951 17.1605 7.99951 16.125V4.125ZM6.75 15.1245C6.75 16.0218 6.02273 16.7502 5.12549 16.7505C4.28423 16.7505 3.59168 16.1108 3.5083 15.2915L3.49951 15.1245L3.5083 14.959C3.59145 14.1395 4.28407 13.5 5.12549 13.5L5.29102 13.5088C6.11032 13.5919 6.74975 14.2833 6.75 15.1245ZM10.2495 16.125C10.2495 18.4032 8.40269 20.25 6.12451 20.25H4.125C1.84683 20.25 0 18.4032 0 16.125V4.125C3.8656e-07 1.84683 1.84683 0 4.125 0H6.12451C8.40269 0 10.2495 1.84683 10.2495 4.125V16.125Z"/>
  </svg>
);