import React from 'react';
import { IconTheme } from '../../IconsCommonTypes';

function Hide(theme: IconTheme | undefined = undefined) {
  return (
    <svg
      width={theme && theme.width ? theme.width : '44'}
      height={theme && theme.height ? theme.height : '44'}
      viewBox="0 0 44 44"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M22.009 11.9166C27.069 11.9166 31.1756 16.0233 31.1756 21.0833C31.1756 22.2749 30.9373 23.3933 30.5156 24.4383L35.869 29.7916C38.6373 27.4816 40.819 24.4933 42.1573 21.0833C38.9856 13.0349 31.1573 7.33325 21.9906 7.33325C19.424 7.33325 16.9673 7.79159 14.694 8.61659L18.654 12.5766C19.699 12.1549 20.8173 11.9166 22.009 11.9166ZM3.67562 6.91159L8.69895 11.9349C5.65562 14.2999 3.27229 17.4533 1.84229 21.0833C5.01395 29.1316 12.8423 34.8333 22.009 34.8333C24.8506 34.8333 27.564 34.2833 30.039 33.2933L30.809 34.0633L36.1806 39.4166L38.509 37.0883L6.00395 4.58325L3.67562 6.91159ZM13.814 17.0499L16.6556 19.8916C16.564 20.2766 16.509 20.6799 16.509 21.0833C16.509 24.1266 18.9656 26.5833 22.009 26.5833C22.4123 26.5833 22.8156 26.5283 23.2006 26.4366L26.0423 29.2783C24.814 29.8833 23.4573 30.2499 22.009 30.2499C16.949 30.2499 12.8423 26.1433 12.8423 21.0833C12.8423 19.6349 13.209 18.2783 13.814 17.0499ZM21.7156 15.6199L27.4906 21.3949L27.5273 21.1016C27.5273 18.0583 25.0706 15.6016 22.0273 15.6016L21.7156 15.6199Z"
        id="Hide"
        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
      />
    </svg>
  );
}

export default Hide;
