% if object.collapsible %>
<%= pb_rails("collapsible", props: { name: "collapsible-nav-example", classname: object.collapsible_nav_classname }) do %>
<%= pb_rails("collapsible/collapsible_main", props: { name: "default-collapsible-nav", icon: object.collapsible_icons, size: "xs", dark: object.dark, classname:object.margin_classes }) do %>
<%= content_tag(object.tag,
aria: object.aria,
class: object.classname,
data: object.data,
dark: object.dark,
id: object.id,
href: object.link && object.link,
target: object.link && object.target,
**combined_html_options
) do %>
<% if object.image_url %>
<%= pb_rails("image", props: { url: object.image_url, classname: "pb_nav_img_wrapper_collapsible" }) %>
<% end %>
<% if object.icon_left %>
<%= pb_rails("icon", props: { icon: object.icon_left, classname: "pb_nav_list_item_icon_left_collapsible", fixed_width: true}) %>
<% end %>
<%= object.text %>
<% end %>
<% end %>
<%= pb_rails("collapsible/collapsible_content") do %>
<%= content.presence %>
<% end %>
<% end %>
<% else %>
<%= content_tag(object.tag,
aria: object.aria,
class: object.classname,
**combined_html_options,
data: object.data,
dark: object.dark,
id: object.id,
href: object.link && object.link,
target: object.link && object.target
) do %>
<% if object.image_url %>
<%= pb_rails("image", props: { url: object.image_url, classname: "pb_nav_img_wrapper" }) %>
<% end %>
<% if object.icon_left %>
<%= pb_rails("icon", props: { icon: object.icon_left, classname: "pb_nav_list_item_icon_left", fixed_width: true}) %>
<% end %>
<%= object.text %><%= content.presence %>
<% if object.icon_right %>
<%= pb_rails("icon", props: { icon: object.icon_right, classname: "pb_nav_list_item_icon_right", fixed_width: true}) %>
<% end %>
<% end %>
<% end %>