/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path, G } from 'react-native-svg';
import { IconProps } from '../types';

export const VideoCameraOff: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="18" height="18" viewBox="0 0 18 18" fill="none" {...props}>
      <G opacity="0.6">
        <Path
          d="M16.5418 4.79735C16.4236 4.81704 16.3054 4.87612 16.207 4.9352L13.1348 6.70763V11.2766L16.2267 13.049C16.7978 13.3838 17.5068 13.1869 17.8415 12.6157C17.94 12.4385 17.9991 12.2416 17.9991 12.0249V5.93958C17.9991 5.21091 17.3098 4.6201 16.5418 4.79735Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M9.29735 3.71264H1.96937C0.886214 3.71264 0 4.59886 0 5.68201V12.3188C0 12.5269 0.0327227 12.7278 0.0932777 12.9165L9.29735 3.71264Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M10.1816 14.2881C11.2648 14.2881 12.151 13.4019 12.151 12.3188V6.39759L14.8486 3.69991C14.9207 3.62781 14.9568 3.54484 14.9568 3.4511C14.9568 3.35737 14.9207 3.27439 14.8486 3.2023L13.9618 2.31524C13.8895 2.24302 13.8066 2.20703 13.7129 2.20703C13.6192 2.20703 13.5363 2.24302 13.4642 2.31524L11.5334 4.24603L1.53905 14.2405L0.115955 15.6636C0.043855 15.7356 0.00789976 15.8186 0.00789976 15.9122C0.00789976 16.0061 0.043855 16.0891 0.115955 16.1611L1.00294 17.0481C1.07507 17.1202 1.15808 17.1561 1.25174 17.1561C1.34551 17.1561 1.42849 17.1203 1.50055 17.0481L4.26051 14.2881H10.1816Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
    </Svg>
  );
};
