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

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

  return (
    <Svg width="14" height="14" viewBox="0 0 14 14" fill="none" {...props}>
      <Path
        d="M10.1085 2.06945C9.56018 1.71945 8.94768 1.46279 8.28852 1.31112C7.92685 1.22945 7.58268 1.50945 7.58268 1.88279C7.58268 2.14529 7.75768 2.39028 8.01435 2.44862C8.54518 2.56528 9.04685 2.77529 9.49018 3.06112C9.71768 3.20695 10.0093 3.16028 10.2018 2.96779C10.4643 2.70529 10.4235 2.26778 10.1085 2.06945ZM12.1152 6.41528C12.4885 6.41528 12.7743 6.07112 12.6868 5.70945C12.5352 5.05612 12.2785 4.44362 11.9285 3.88945C11.7302 3.57445 11.2868 3.53362 11.0243 3.79612C10.8377 3.98279 10.791 4.28029 10.931 4.50779C11.2168 4.95695 11.4268 5.45279 11.5435 5.98362C11.6077 6.24028 11.8468 6.41528 12.1152 6.41528ZM11.0243 10.2011C11.2868 10.4636 11.7302 10.4228 11.9285 10.1136C12.2785 9.56528 12.5352 8.95278 12.6868 8.29945C12.7685 7.93778 12.4827 7.59362 12.1152 7.59362C11.8527 7.59362 11.6077 7.76862 11.5493 8.02528C11.4327 8.55612 11.2168 9.05195 10.9368 9.50112C10.791 9.71695 10.8377 10.0145 11.0243 10.2011ZM7.58268 12.1145C7.58268 12.4878 7.92685 12.7736 8.28852 12.6861C8.94185 12.5345 9.55435 12.2778 10.1027 11.9278C10.4177 11.7295 10.4585 11.2861 10.196 11.0236C10.0093 10.837 9.71185 10.7903 9.49018 10.9361C9.04685 11.222 8.55102 11.432 8.01435 11.5486C7.75768 11.607 7.58268 11.8461 7.58268 12.1145ZM7.58268 6.99862V4.66529C7.58268 4.34445 7.32018 4.08195 6.99935 4.08195C6.67852 4.08195 6.41602 4.34445 6.41602 4.66529V6.99862H5.48852C4.96935 6.99862 4.70685 7.62862 5.07435 7.99612L6.58518 9.50695C6.81268 9.73445 7.18018 9.73445 7.40768 9.50695L8.91852 7.99612C9.28602 7.62862 9.02352 6.99862 8.50435 6.99862H7.58268ZM6.41602 12.1145C6.41602 12.4878 6.07185 12.7736 5.71018 12.692C3.10852 12.1028 1.16602 9.78112 1.16602 6.99862C1.16602 4.21612 3.10852 1.89445 5.71018 1.31112C6.07185 1.22945 6.41602 1.50945 6.41602 1.88279C6.41602 2.15112 6.23518 2.39028 5.97268 2.44862C3.89018 2.91528 2.33268 4.77612 2.33268 6.99862C2.33268 9.22112 3.89018 11.082 5.97268 11.5486C6.23518 11.607 6.41602 11.8461 6.41602 12.1145Z"
        fill={color}
      />
    </Svg>
  );
};
