<%= render GovukComponent::AccordionComponent.new(id: 'abc123') do |component|
  component.section(
    heading_text: 'Home electronics',
    summary_text: 'Entertainment, communication and recreation',
    expanded: true) do
      tag.p(class: 'govuk-body') do
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
      end
    end

  component.section(heading_text: 'Appliances', summary_text: 'Laundry, cookers and vacuum cleaners') do
    tag.p(class: 'govuk-body') do
      "Ut et elementum tortor. Donec a tellus sed sem euismod congue"
    end
  end

  component.section(heading_text: 'Toys') do
    safe_join([
      tag.p(class: 'govuk-body') do
        "In et nunc vitae tortor sollicitudin ultrices. Vivamus a purus justo."
      end,

      tag.p(class: 'govuk-body') do
        "Duis a turpis non nunc pulvinar venenatis quis congue mauris"
      end
    ])
  end
end %>

<%= govuk_link_to('About', about_path) %>