import DocInfo from '../DocInfo';

class Viewport extends DocInfo {
  getDescription() {
    return `
See [THREE.WebGLRenderer.setViewport](http://threejs.org/docs/#Reference/Renderers/WebGLRenderer.setViewport)

It can only be placed into the [root component](React3).

If the [mainCamera](React3#mainCamera) property of the root component is
not set, then the scene will be rendered into the viewports.`;
  }

  getAttributesText() {
    return {
      x: 'The x (px) position of the viewport in the canvas',
      y: 'The y (px) position of the viewport in the canvas',
      width: 'The width (px) of the viewport in the canvas',
      height: 'The height (px) of the viewport in the canvas',
      cameraName: 'The name of the camera to render',
    };
  }
}

export default Viewport;

@@ -70,19 +70,13 @@
  get
-Description
+Intro
 () %7B
@@ -88,17 +88,16 @@
 return %60
-%0A
 See %5BTHR
@@ -197,17 +197,57 @@
 iewport)
-%0A
+%60;%0A  %7D%0A%0A  getDescription() %7B%0A    return %60
 %0AIt can 
@@ -317,17 +317,17 @@
 Camera%5D(
-R
+r
 eact3#ma
@@ -324,25 +324,25 @@
 (react3#main
-C
+c
 amera) prope

create viewport's intro string and fix link to mainCamera