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 = 'DJ 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: "DJFlagIcon__a"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M-40 0h682.7v512H-40z",
    fillOpacity: 0.7
  }))), /*#__PURE__*/React.createElement("g", {
    clipPath: "url(#DJFlagIcon__a)",
    fillRule: "evenodd",
    transform: "translate(37.5) scale(.94)"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M-40 0h768v512H-40z",
    fill: "#0c0"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M-40 0h768v256H-40z",
    fill: "#69f"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M-40 0l382.7 255.7L-40 511V0z",
    fill: "#fffefe"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M119.8 292L89 270l-30.7 22.4L69.7 256l-30.6-22.5 37.9-.3 11.7-36.3 12 36.2h37.9l-30.5 22.7 11.7 36.4z",
    fill: "red"
  })));
};
const FlagIconWithForwardedRef = /*#__PURE__*/forwardRef((iconProps, ref) => /*#__PURE__*/React.createElement(FlagIcon, _extends({}, iconProps, {
  svgRef: ref
})));
export const DJFlagIcon = /*#__PURE__*/memo(createStyledFlagIcon(FlagIconWithForwardedRef));
DJFlagIcon.displayName = 'DJFlagIcon';