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

function EllipsisIcon(props) {
  var filterId = "EllipsisIcon__filter--".concat(props.id || "noid");
  return /*#__PURE__*/createElement(IconSkeleton, _extends({}, props, {
    iconName: "EllipsisIcon",
    applyColorToStroke: false
  }), /*#__PURE__*/createElement("filter", {
    id: filterId,
    x: "0",
    y: "0",
    width: "100%",
    height: "100%"
  }, /*#__PURE__*/createElement("feComponentTransfer", null, /*#__PURE__*/createElement("feFuncA", {
    type: "linear",
    slope: "0.1"
  }))), /*#__PURE__*/createElement("circle", {
    cx: "12",
    cy: "12",
    r: "10",
    style: {
      filter: "url(#".concat(filterId, ")")
    }
  }), /*#__PURE__*/createElement("circle", {
    cx: "6.5",
    cy: "12",
    r: "2"
  }), /*#__PURE__*/createElement("circle", {
    cx: "12",
    cy: "12",
    r: "2"
  }), /*#__PURE__*/createElement("circle", {
    cx: "17.5",
    cy: "12",
    r: "2"
  }));
}
EllipsisIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "EllipsisIcon"
};

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

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