import _extends from "@babel/runtime/helpers/esm/extends";
// **********************************
// Auto-generated file, do NOT modify
// **********************************
import React, { forwardRef, memo, useId } from 'react';
import { createStyledFlagIcon } from '../base';
const FlagIcon = _ref => {
  let {
    svgRef,
    title = 'IN flag',
    theme,
    ...props
  } = _ref;
  const uniqueTitleId = useId();
  const titleId = title ? props.titleId || uniqueTitleId : undefined;
  const ariaHidden = titleId ? undefined : true;
  return /*#__PURE__*/React.createElement("svg", _extends({
    "aria-hidden": ariaHidden,
    "aria-labelledby": titleId,
    ref: svgRef,
    viewBox: "0 0 640 480",
    xmlnsXlink: "http://www.w3.org/1999/xlink"
  }, props), title ? /*#__PURE__*/React.createElement("title", {
    id: titleId
  }, title) : null, /*#__PURE__*/React.createElement("path", {
    d: "M0 0h640v160H0z",
    fill: "#f93"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M0 160h640v160H0z",
    fill: "#fff"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M0 320h640v160H0z",
    fill: "#128807"
  }), /*#__PURE__*/React.createElement("g", {
    transform: "matrix(3.2 0 0 3.2 320 240)"
  }, /*#__PURE__*/React.createElement("circle", {
    fill: "#008",
    r: 20
  }), /*#__PURE__*/React.createElement("circle", {
    fill: "#fff",
    r: 17.5
  }), /*#__PURE__*/React.createElement("circle", {
    fill: "#008",
    r: 3.5
  }), /*#__PURE__*/React.createElement("g", {
    id: "INFlagIcon__d"
  }, /*#__PURE__*/React.createElement("g", {
    id: "INFlagIcon__c"
  }, /*#__PURE__*/React.createElement("g", {
    id: "INFlagIcon__b"
  }, /*#__PURE__*/React.createElement("g", {
    fill: "#008",
    id: "INFlagIcon__a"
  }, /*#__PURE__*/React.createElement("circle", {
    r: 0.9,
    transform: "rotate(7.5 -8.8 133.5)"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M0 17.5L.6 7 0 2l-.6 5L0 17.5z"
  })), /*#__PURE__*/React.createElement("use", {
    height: "100%",
    transform: "rotate(15)",
    width: "100%",
    xlinkHref: "#INFlagIcon__a"
  })), /*#__PURE__*/React.createElement("use", {
    height: "100%",
    transform: "rotate(30)",
    width: "100%",
    xlinkHref: "#INFlagIcon__b"
  })), /*#__PURE__*/React.createElement("use", {
    height: "100%",
    transform: "rotate(60)",
    width: "100%",
    xlinkHref: "#INFlagIcon__c"
  })), /*#__PURE__*/React.createElement("use", {
    height: "100%",
    transform: "rotate(120)",
    width: "100%",
    xlinkHref: "#INFlagIcon__d"
  }), /*#__PURE__*/React.createElement("use", {
    height: "100%",
    transform: "rotate(-120)",
    width: "100%",
    xlinkHref: "#INFlagIcon__d"
  })));
};
const FlagIconWithForwardedRef = /*#__PURE__*/forwardRef((iconProps, ref) => /*#__PURE__*/React.createElement(FlagIcon, _extends({}, iconProps, {
  svgRef: ref
})));
export const INFlagIcon = /*#__PURE__*/memo(createStyledFlagIcon(FlagIconWithForwardedRef));
INFlagIcon.displayName = 'INFlagIcon';