#summary.style-guide__subsection

  %h3= link_to_style_guide('components', 'summary')

  %p Displays information about an object. Typically used on indexes.

  %p should support photography:
  .style-guide__example-block
    = link_to '#', class: 'summary' do
      .summary__image-container
        = image_tag 'workarea/core/placeholder.png', size: '200x200', alt: 'Placeholder Image', class: 'summary__image'
      %span.summary__name Name of Summary
      .summary__info-container
        %span.summary__info 13 hours ago
        %span.summary__info 1234ABCD, 8 SKUS
      %span.summary__type{ title: 'Summary Type' } Summary Type

  %p should work without an image:
  .style-guide__example-block
    = link_to '#', class: 'summary' do
      %span.summary__name Name of Summary
      .summary__info-container
        %span.summary__info 13 hours ago
        %span.summary__info 1234ABCD, 8 SKUS
      %span.summary__type{ title: 'Summary Type' } Summary Type

  %p should support multiple lines of secondary info
  .style-guide__example-block
    = link_to '#', class: 'summary' do
      .summary__image-container
        = image_tag 'workarea/core/placeholder.png', size: '200x200', alt: 'Placeholder Image', class: 'summary__image'
      %span.summary__name Name of Summary
      .summary__info-container.summary__info-container--multi-line
        .summary__info 13 Hours ago
        .summary__info
          %p Item #12345
          %span 3 Variants, 10 Sold
      %span.summary__type{ title: 'Summary Type' } Summary Type

  %p should retain info if no secondary info is provided:
  .style-guide__example-block
    = link_to '#', class: 'summary' do
      .summary__image-container
        = image_tag 'workarea/core/placeholder.png', size: '200x200', alt: 'Placeholder Image', class: 'summary__image'
      %span.summary__name Name of Summary
      .summary__info-container
        %span.summary__info 13 hours ago
      %span.summary__type{ title: 'Summary Type' } Summary Type


#summary--inactive.style-guide__subsection

  %h3= link_to_style_guide('components', 'summary__inactive')

  %p Indicates that a summary is set as inactive:

  %p should indicate that the object is inactive:
  .style-guide__example-block
    = link_to '#', class: 'summary summary--inactive' do
      .summary__image-container
        = image_tag 'workarea/core/placeholder.png', size: '200x200', alt: 'Placeholder Image', class: 'summary__image'
      %span.summary__name Name of Summary
      .summary__info-container
        %span.summary__info 13 hours ago
        %span.summary__info 1234ABCD, 8 SKUS
      %span.summary__type{ title: 'Summary Type' } Summary Type