import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import { Vec2 } from '../components';
import { toProps } from '../core';
import EventListener from '../event/EventListener';

function toCircleProps(_ref) {
  var ambientOcclusionMap = _ref.ambientOcclusionMap,
      ambientOcclusionMapIntensity = _ref.ambientOcclusionMapIntensity,
      ambientOcclusionTextureOffset = _ref.ambientOcclusionTextureOffset,
      ambientOcclusionTextureRepeat = _ref.ambientOcclusionTextureRepeat,
      color = _ref.color,
      displacementBias = _ref.displacementBias,
      displacementMap = _ref.displacementMap,
      displacementScale = _ref.displacementScale,
      displacementTextureOffset = _ref.displacementTextureOffset,
      displacementTextureRepeat = _ref.displacementTextureRepeat,
      envMap = _ref.envMap,
      fog = _ref.fog,
      height = _ref.height,
      metalness = _ref.metalness,
      normalMap = _ref.normalMap,
      normalScale = _ref.normalScale,
      normalTextureOffset = _ref.normalTextureOffset,
      normalTextureRepeat = _ref.normalTextureRepeat,
      radius = _ref.radius,
      repeat = _ref.repeat,
      roughness = _ref.roughness,
      segments = _ref.segments,
      sphericalEnvMap = _ref.sphericalEnvMap,
      src = _ref.src,
      thetaLength = _ref.thetaLength,
      thetaStart = _ref.thetaStart,
      width = _ref.width,
      wireframe = _ref.wireframe,
      wireframeLinewidth = _ref.wireframeLinewidth;
  return {
    'ambient-occlusion-map': ambientOcclusionMap,
    'ambient-occlusion-map-intensity': ambientOcclusionMapIntensity,
    'ambient-occlusion-texture-offset': ambientOcclusionTextureOffset && new Vec2(ambientOcclusionTextureOffset).toString(),
    'ambient-occlusion-texture-repeat': ambientOcclusionTextureRepeat && new Vec2(ambientOcclusionTextureRepeat).toString(),
    color: color,
    'displacement-bias': displacementBias,
    'displacement-map': displacementMap,
    'displacement-scale': displacementScale,
    'displacement-texture-offset': displacementTextureOffset && new Vec2(displacementTextureOffset).toString(),
    'displacement-texture-repeat': displacementTextureRepeat && new Vec2(displacementTextureRepeat).toString(),
    'env-map': envMap,
    fog: fog,
    height: height,
    metalness: metalness,
    'normal-map': normalMap,
    'normal-scale': normalScale && new Vec2(normalScale).toString(),
    'normal-texture-offset': normalTextureOffset && new Vec2(normalTextureOffset).toString(),
    'normal-texture-repeat': normalTextureRepeat && new Vec2(normalTextureRepeat).toString(),
    radius: radius,
    repeat: repeat && new Vec2(repeat).toString(),
    roughness: roughness,
    segments: segments,
    'spherical-env-map': sphericalEnvMap,
    src: src,
    'theta-length': thetaLength,
    'theta-start': thetaStart,
    width: width,
    wireframe: wireframe,
    'wireframe-linewidth': wireframeLinewidth
  };
}
/**
 * The circle primitive creates circles surfaces using the [geometry](https://aframe.io/docs/1.3.0/components/geometry.html) component with the type set to `circle`.
 *
 * @see https://aframe.io/docs/1.3.0/primitives/a-circle.html
 *
 * @example
 * ```tsx
 * <Scene>
 *   <Assets>
 *     <img id="platform" src="platform.jpg" />
 *   </Assets>
 *
 *   // Basic circle.
 *   <Circle color="#CCC" radius={20} />
 *
 *   // Textured circle parallel to ground.
 *   <Circle src="#platform" radius={50} rotation={{ x: -90, y: 0, z: 0 }} />
 * </Scene>
 * ```
 */


export var Circle = function Circle(props) {
  var circleKeys = ['ambientOcclusionMap', 'ambientOcclusionMapIntensity', 'ambientOcclusionTextureOffset', 'ambientOcclusionTextureRepeat', 'color', 'displacementBias', 'displacementMap', 'displacementScale', 'displacementTextureOffset', 'displacementTextureRepeat', 'envMap', 'fog', 'height', 'metalness', 'normalMap', 'normalScale', 'normalTextureOffset', 'normalTextureRepeat', 'radius', 'repeat', 'roughness', 'segments', 'sphericalEnvMap', 'src', 'thetaLength', 'thetaStart', 'width', 'wireframe', 'wireframeLinewidth'];
  var children = props.children;
  return /*#__PURE__*/React.createElement(EventListener, _extends({
    primitive: "a-circle"
  }, toProps(props, circleKeys), toCircleProps(props)), children);
};