<%= "height: #{comp.media.height};" if comp.media.height %>
<%= "background-color: #{comp.media.color};" if comp.media.color %>">
<%= erb :"components/button", :locals => {:comp => comp.media.button, class_name: "v-card__media-menu"} %>
<%= erb :"components/image", :locals => {:comp => comp.media.image, class_name: 'v-card-media-image'} %>
<%= erb :"components/avatar", :locals => {:comp => comp.media.avatar, class_name: 'v-card-media-avatar'} %>
<%= erb :"components/title", :locals => {:comp => comp.media.title, class_name: "v-card-title"} %>
<% end %>
<% if comp.components.any? %>
<%= erb :"components/render", :locals => {:components => comp.components, :scope => nil} %>
<% end %>
<% if comp.actions&.buttons
action_buttons = comp.actions.buttons.select {|b| !eq(b.button_type, :icon)}
action_icons = comp.actions.buttons.select {|b| eq(b.button_type, :icon)}
%>
<% action_buttons.each do |button| %>
<%= erb :"components/button", :locals => {:comp => button, class_name: 'mdc-card__action mdc-card__action--button'} %>
<% end %>
<% action_icons.each do |button| %>
<%= erb :"components/button", :locals => {:comp => button, class_name: 'mdc-card__action mdc-card__action--icon'} %>
<% end %>
<% end %>