import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import { createElement } from 'react';
import IconSkeleton from './IconSkeleton.esm.js';
import { useTheme } from '../ThemeProvider/ThemeProvider.esm.js';

function FreePlanIcon(props) {
  var theme = useTheme();
  return /*#__PURE__*/createElement(IconSkeleton, _extends({}, props, {
    iconName: "FreePlanIcon",
    stroke: "none"
  }), /*#__PURE__*/createElement("circle", {
    r: "10.5",
    transform: "matrix(1 0 0 -1 12 12)",
    stroke: theme.colors.orange[40]
  }), /*#__PURE__*/createElement("circle", {
    r: "2",
    transform: "matrix(1 0 0 -1 19.5 4.5)",
    fill: theme.colors.orange[60]
  }), /*#__PURE__*/createElement("circle", {
    cx: "12",
    cy: "12",
    r: "2",
    fill: theme.colors.orange[60]
  }));
}
FreePlanIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "FreePlanIcon"
};

if (typeof STORYBOOK_REACT_CLASSES !== "undefined") {
  STORYBOOK_REACT_CLASSES["src/components/icons/FreePlanIcon.tsx"] = {
    name: "FreePlanIcon",
    docgenInfo: FreePlanIcon.__docgenInfo,
    path: "src/components/icons/FreePlanIcon.tsx"
  };
}

export default FreePlanIcon;
//# sourceMappingURL=FreePlanIcon.esm.js.map
