"use client";
import * as React from "react";
import type { SVGProps } from "react";
import { Ref, forwardRef } from "react";
import { useId } from "./util/useId";
interface SVGRProps {
  title?: string;
  titleId?: string;
}
const SvgEyeSlash = forwardRef(({
  title,
  titleId: _titleId,
  ...props
}: SVGProps<SVGSVGElement> & SVGRProps, ref: Ref<SVGSVGElement>) => {
  let titleId: string | undefined = useId();
  titleId = title ? _titleId ? _titleId : "title-" + titleId : undefined;
  return <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" focusable={false} role="img" ref={ref} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fill="currentColor" fillRule="evenodd" d="M21.03 5.03a.75.75 0 0 0-1.06-1.06l-3.311 3.31A10.9 10.9 0 0 0 12 6.25c-3.223 0-5.637 1.346-7.23 2.674a13 13 0 0 0-1.793 1.826 11 11 0 0 0-.574.79l-.032.05-.01.016-.002.005-.001.002s-.001.001.642.387l-.643-.386a.75.75 0 0 0 0 .772l.001.002.002.004.007.01.02.033.074.114q.097.147.282.398c.246.33.612.78 1.098 1.274.8.812 1.938 1.753 3.418 2.46l-3.29 3.289a.75.75 0 1 0 1.061 1.06l5.565-5.565.016-.015.005-.006 4.828-4.828.021-.02zm-7.116 4.995-3.889 3.889a2.75 2.75 0 0 1 .03-3.858 2.75 2.75 0 0 1 3.859-.03m.447-1.559q.331.221.614.499l.544-.545A9.4 9.4 0 0 0 12 7.75c-2.777 0-4.863 1.154-6.27 2.326A11.4 11.4 0 0 0 3.908 12l.037.05c.212.284.534.681.964 1.118.802.814 1.965 1.752 3.486 2.377l.57-.57a4.25 4.25 0 0 1-.99-4.341 4.25 4.25 0 0 1 6.386-2.168m5.238.777a.75.75 0 1 0-1.004 1.115q.185.165.35.328A11 11 0 0 1 20.091 12a11.348 11.348 0 0 1-1.822 1.924c-1.407 1.172-3.493 2.326-6.27 2.326a.75.75 0 0 0 0 1.5c3.223 0 5.637-1.346 7.23-2.674a13 13 0 0 0 1.793-1.826 11 11 0 0 0 .59-.814l.016-.027.01-.015.002-.005.002-.002a.75.75 0 0 0 0-.773L21 12c.643-.386.642-.387.642-.387v-.001l-.003-.004-.006-.01-.023-.037-.082-.126a9 9 0 0 0-.312-.437 12.5 12.5 0 0 0-1.617-1.755M21 12l.643.387z" clipRule="evenodd" /></svg>;
});
export default SvgEyeSlash;