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 = 'ZA 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: "ZAFlagIcon__a"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M-71.9 0h682.7v512H-71.9z",
    fillOpacity: 0.7
  }))), /*#__PURE__*/React.createElement("g", {
    clipPath: "url(#ZAFlagIcon__a)",
    transform: "translate(67.4) scale(.93748)"
  }, /*#__PURE__*/React.createElement("g", {
    fillRule: "evenodd",
    strokeWidth: "1pt"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M-71.9 407.8V104.4L154 256.1-72 407.8z"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M82.2 512.1l253.6-170.6H696V512H82.2z",
    fill: "#000c8a"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M66 0h630v170.8H335.7S69.3-1.7 66 0z",
    fill: "#e1392d"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M-71.9 64v40.4L154 256-72 407.8v40.3l284.5-192L-72 64z",
    fill: "#ffb915"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M-71.9 64V0h95l301.2 204h371.8v104.2H324.3L23 512h-94.9v-63.9l284.4-192L-71.8 64z",
    fill: "#007847"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M23 0h59.2l253.6 170.7H696V204H324.3L23 .1zm0 512.1h59.2l253.6-170.6H696v-33.2H324.3L23 512z",
    fill: "#fff"
  }))));
};
const FlagIconWithForwardedRef = /*#__PURE__*/forwardRef((iconProps, ref) => /*#__PURE__*/React.createElement(FlagIcon, _extends({}, iconProps, {
  svgRef: ref
})));
export const ZAFlagIcon = /*#__PURE__*/memo(createStyledFlagIcon(FlagIconWithForwardedRef));
ZAFlagIcon.displayName = 'ZAFlagIcon';