"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 SvgUmbrellaFill = 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="m14.536 10.594.048.03h.832l.008-.005.04-.025q.055-.035.166-.1c.147-.083.358-.196.612-.309.52-.231 1.16-.435 1.758-.435.916 0 1.894.473 2.368.744a.75.75 0 0 0 1.1-.83C20.421 5.406 16.58 2.25 12 2.25S3.58 5.407 2.532 9.663a.75.75 0 0 0 1.1.83c.474-.27 1.452-.743 2.368-.743.599 0 1.237.204 1.758.435a7 7 0 0 1 .818.434l.008.005a.75.75 0 0 0 .832 0l.008-.005.04-.025q.055-.035.166-.1c.147-.083.358-.196.612-.309.52-.231 1.16-.435 1.758-.435s1.237.204 1.758.435a7 7 0 0 1 .778.409M12.75 12a.75.75 0 0 0-1.5 0v7.047l.006.092a3.206 3.206 0 0 0 .323 1.196c.17.34.436.701.849.976.417.279.94.439 1.572.439.631 0 1.155-.16 1.572-.439.413-.275.68-.637.849-.976a3.2 3.2 0 0 0 .328-1.288v-.03l.001-.517a.75.75 0 0 0-1.5 0v.499l-.002.034a1.71 1.71 0 0 1-.169.632c-.08.16-.19.299-.339.399-.145.096-.371.186-.74.186s-.595-.09-.74-.186c-.15-.1-.259-.238-.34-.4a1.7 1.7 0 0 1-.17-.667V12" clipRule="evenodd" /></svg>;
});
export default SvgUmbrellaFill;