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 toRingProps(_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,
      radiusInner = _ref.radiusInner,
      radiusOuter = _ref.radiusOuter,
      repeat = _ref.repeat,
      roughness = _ref.roughness,
      segmentsPhi = _ref.segmentsPhi,
      segmentsTheta = _ref.segmentsTheta,
      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-inner': radiusInner,
    'radius-outer': radiusOuter,
    repeat: repeat && new Vec2(repeat).toString(),
    roughness: roughness,
    'segments-phi': segmentsPhi,
    'segments-theta': segmentsTheta,
    'spherical-env-map': sphericalEnvMap,
    src: src,
    'theta-length': thetaLength,
    'theta-start': thetaStart,
    width: width,
    wireframe: wireframe,
    'wireframe-linewidth': wireframeLinewidth
  };
}
/**
 * The ring primitive creates a ring or disc shape.
 *
 * @see https://aframe.io/docs/1.3.0/primitives/a-ring.html
 *
 * @example
 * ```tsx
 * <Assets>
 *   <img id="texture" src="texture.png" />
 * </Assets>
 *
 * // Basic ring.
 * <Ring
 *   color="teal"
 *   radius-inner={1}
 *   radius-outer={2}
 * />
 *
 * // Textured ring.
 * <Ring src="#texture" />
 * ```
 */


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