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 = 'NA 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"
  }, props), title ? /*#__PURE__*/React.createElement("title", {
    id: titleId
  }, title) : null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
    id: "NAFlagIcon__a"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M0 0h640v480H0z",
    fillOpacity: 0.7
  }))), /*#__PURE__*/React.createElement("g", {
    clipPath: "url(#NAFlagIcon__a)",
    fillRule: "evenodd"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M0 0h640v480H0z",
    fill: "#fff"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M-26.4.2l.8 345.6L512.5 0-26.4.2z",
    fill: "#3662a2"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M666.4 479.6L665 120.3 122.3 479.8l544-.2z",
    fill: "#38a100"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M-26 371.8l.4 108.2 117.5-.1L665.4 95.4l-.7-94.1-116-1L-26 371.7z",
    fill: "#c70000"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M219.6 172l-21.8-13.2-12.6 22.1-12.2-22.2-22 12.9.6-25.4-25.4.2 13.2-21.8-22.1-12.5 22.2-12.3-12.8-22 25.4.6-.1-25.5 21.7 13.2L186.3 44l12.2 22.2 22-12.9-.6 25.4 25.4-.2-13.2 21.8 22.1 12.5-22.2 12.3 12.8 22-25.4-.6z",
    fill: "#ffe700"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M232.4 112.4c0 25.6-20.9 46.3-46.6 46.3s-46.6-20.7-46.6-46.3 20.8-46.2 46.6-46.2 46.6 20.7 46.6 46.2z",
    fill: "#3662a2"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M222.3 112.4a36.5 36.5 0 11-73 0 36.5 36.5 0 0173 0z",
    fill: "#ffe700"
  })));
};
const FlagIconWithForwardedRef = /*#__PURE__*/forwardRef((iconProps, ref) => /*#__PURE__*/React.createElement(FlagIcon, _extends({}, iconProps, {
  svgRef: ref
})));
export const NAFlagIcon = /*#__PURE__*/memo(createStyledFlagIcon(FlagIconWithForwardedRef));
NAFlagIcon.displayName = 'NAFlagIcon';