<% @tabs = { definition: 'Definition', examples: 'Examples', usage: 'Usage', settings: 'Settings' } if @tabs == 'module' %> <% @tabs = { overview: 'Overview', usage: 'Usage', examples: 'Examples', settings: 'Settings' } if @tabs == 'behavior' %>

<%=@document.title %> <% if @document.status?: %><%= @document.status %><% end %>

<%=@document.description %>

<% if @document.type is 'UI Element' or @document.type is 'UI View' or @document.type is 'UI Collection': %>
<% end %> <% if @document.type is 'UI Module': %> Learn about Modules <% end %> <% if @document.type is 'UI Element' or @document.type is 'UI View' or @document.type is 'UI Collection' or @document.type is 'UI Module': %>
Definition
<% end %> <% if @document.themes?: %>
Theme
<% end %> <% if @document.type is 'UI Element' or @document.type is 'UI View' or @document.type is 'UI Collection' or @document.type is 'UI Module': %>
Download
<% end %>
<% if @tabs?: %> <% index = 0 %> <% tabCount = 0 %> <% numbers = ['', '', 'two item', 'three item', 'four item', 'five item', 'six item'] %> <% colors = ['red', 'teal', 'blue', 'purple', 'black', 'orange'] %> <% for id, name of @tabs: %> <% tabCount++ %> <% end %>
<% for id, name of @tabs: %> <%= name %> <% index++ %> <% end %>
<% index = 0 %>
<% for id, name of @tabs: %> <%= name %> <% index++ %> <% end %>
<% end %>