<%
  const component = locals.component;
-%>
<!-- This file was autogenerated from <%- component.name %>.js do not modify -->
## <MapboxGL.<%- component.name %> />
### <%- replaceNewLine(component.description) %>

<%_ if (component.props && component.props.length) { _%>
### props
| Prop | Type | Default | Required | Description |
| ---- | :--: | :-----: | :------: | :----------: |
<%- propMarkdownTableRows(component) %>
<%_ } _%>

<%_ if (component.methods && component.methods.length) { _%>
### methods
<%_ for (let method of component.methods) { _%>
#### <%- getMarkdownMethodSignature(method) %>

<%- replaceNewLine(method.description) %>

##### arguments
| Name | Type | Required | Description  |
| ---- | :--: | :------: | :----------: |
<%- methodMarkdownTableRow(method) %>

<%- getMarkdownMethodExamples(method) %>
<%_ } _%>
<%_ } _%>

<%_ if (component.styles && component.styles.length) { _%>
### styles

<%_ for (let i = 0; i < component.styles.length; i++) { _%>
<%
const style = component.styles[i];
-%>
* <a href="#name<%- i > 0 ? '-' + i : '' -%>"><%- style.name %></a><br/>
<%_ } _%>

<%_ for (let style of component.styles) { _%>
___

#### Name
`<%- style.name %>`

#### Description
<%- style.description %>

#### Type
`<%- style.type %>`
<%_ if (exists(style.default)) { _%>
#### Default Value
`<%= getStyleDefaultValue(style) %>`
<%_ } _%>

<%_ if (style.type === 'enum') { _%>
#### Supported Values
<%_ for (var i = 0; i < style.values.length; i++) { _%>
**<%- style.values[i].value %>** - <%- style.values[i].doc %><br />
<%_ } _%>

<%_ } _%>
<%_ if (exists(style.units)) { _%>
#### Units
`<%- style.units %>`

<%_ } _%>
<%_ if (exists(style.minimum)) { _%>
#### Minimum
`<%- style.minimum %>`

<%_ } _%>

<%_ if (exists(style.maximum)) { _%>
#### Maximum
`<%- style.maximum %>`

<%_ } _%>
<%_ if (style.requires.length) { _%>
#### Requires
`<%- style.requires.join(', ') %>`

<%_ } _%>
<%_ if (style.disabledBy.length) { _%>
#### Disabled By
`<%- style.disabledBy.join(', ') %>`

<%_ } _%>
<%_ if (style.allowedFunctionTypes.length) { _%>
#### Supported Style Functions
`<%- style.allowedFunctionTypes.join(', ') %>`
<%_ } _%>
<%_ if (style.expression) { _%>
#### Expression

Parameters: `<%- (style.expression.parameters || []).join(', ') %>`
<%_ } _%>
<%_ if (style.transition) { _%>
___

#### Name

`<%- style.name %>Transition`

#### Description

The transition affecting any changes to this layer’s <%- style.name %> propery.

#### Type

`{ duration, delay }`

#### Units
`milliseconds`

#### Default Value
`{duration: 300, delay: 0}`

<%_ } %>
<%_ } _%>
<%_ } _%>
