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

export const Logout: React.FC<IconProps> = ({ colorVariant = 'secondary', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);

  return (
    <Svg width="18" height="18" viewBox="0 0 18 18" fill="none" {...props}>
      <Path
        d="M17.4368 8.43747H10.312C10.0015 8.43747 9.74951 8.18548 9.74951 7.87499C9.74951 7.56449 10.0015 7.3125 10.312 7.3125H17.4368C17.7473 7.3125 17.9993 7.56449 17.9993 7.87499C17.9993 8.18548 17.7473 8.43747 17.4368 8.43747Z"
        fill={color}
      />
      <Path
        d="M14.6244 11.2492C14.4803 11.2492 14.3364 11.1944 14.2268 11.0843C14.0071 10.8644 14.0071 10.5082 14.2268 10.2885L16.6418 7.8736L14.2268 5.4586C14.0071 5.23888 14.0071 4.88266 14.2268 4.66294C14.4467 4.44308 14.8029 4.44308 15.0226 4.66294L17.835 7.47536C18.0547 7.69508 18.0547 8.0513 17.835 8.27102L15.0226 11.0834C14.9123 11.1944 14.7684 11.2492 14.6244 11.2492Z"
        fill={color}
      />
      <Path
        d="M5.99985 17.9994C5.83932 17.9994 5.68703 17.9769 5.53487 17.9297L1.02142 16.426C0.407305 16.2115 0 15.6392 0 14.9996V1.5C0 0.672754 0.672754 0 1.5 0C1.66039 0 1.81269 0.0225213 1.96498 0.069761L6.47829 1.57347C7.09255 1.78797 7.49971 2.3602 7.49971 2.99986V16.4994C7.49971 17.3267 6.8271 17.9994 5.99985 17.9994ZM1.5 1.12496C1.29374 1.12496 1.12496 1.29374 1.12496 1.5V14.9996C1.12496 15.1593 1.23221 15.3077 1.38519 15.361L5.8775 16.858C5.90977 16.8684 5.95179 16.8745 5.99985 16.8745C6.20612 16.8745 6.37475 16.7057 6.37475 16.4994V2.99986C6.37475 2.84015 6.2675 2.6917 6.11452 2.63842L1.62222 1.14144C1.58995 1.13101 1.54792 1.12496 1.5 1.12496Z"
        fill={color}
      />
      <Path
        d="M11.4371 5.99986C11.1266 5.99986 10.8746 5.74787 10.8746 5.43738V2.06248C10.8746 1.54573 10.454 1.12496 9.93721 1.12496H1.49998C1.18949 1.12496 0.9375 0.872974 0.9375 0.562482C0.9375 0.251991 1.18949 0 1.49998 0H9.93721C11.0749 0 11.9995 0.924745 11.9995 2.06248V5.43738C11.9995 5.74787 11.7476 5.99986 11.4371 5.99986Z"
        fill={color}
      />
      <Path
        d="M9.93749 15.7498H6.93748C6.62699 15.7498 6.375 15.4979 6.375 15.1874C6.375 14.8769 6.62699 14.6249 6.93748 14.6249H9.93749C10.4542 14.6249 10.8749 14.2041 10.8749 13.6874V10.3125C10.8749 10.002 11.1269 9.75 11.4374 9.75C11.7478 9.75 11.9998 10.002 11.9998 10.3125V13.6874C11.9998 14.8251 11.0752 15.7498 9.93749 15.7498Z"
        fill={color}
      />
    </Svg>
  );
};
