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

<%=@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': %>
Definition Mode
<% end %> <% if @document.type is 'UI Module': %> Learn about Modules <% end %>
<% if @tabs?: %> <% index = 0 %> <% tabCount = 0 %> <% numbers = ['zero', 'one', 'two', 'three', 'four', 'five', 'six'] %> <% 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 %>