Summary

Summary items

div
  = render SummaryItemComponent.new(label: "Company name", value: "Enercoop")
  = render SummaryItemComponent.new(label: "Email") do |component|
    = component.with_value_html do
      ' web@enercoop.org
      = render IconBadgeComponent.new(icon: "check", color: "success", context: "email-validation")
  = render SummaryItemComponent.new(label: "Email") do |component|
    = component.with_value_html do
      ' web@enercoop.org
      = render IconBadgeComponent.new(icon: "warning", color: "danger", context: "email-validation")

    = component.with_message do
      = render MessageComponent.new(type: "warning") do
        ' Nous venons de vous envoyer un e-mail. Cliquez sur le lien qu’il contient pour valider votre e-mail.
        br
        ' Vous ne l’avez pas reçu? Avez-vous vérifié si l’adresse ci-dessus est correcte ou que cet email n’est
        ' pas arrivé dans vos spams?
        br
        a href="#"
          ' Renvoyer le lien de confirmation.

Summary sections

= render Forms::SummarySectionComponent.new(\
  icon: "identification-badge", title: "Contact holder", link: "#") do |c|
  = c.with_list_html
    = render SummaryItemComponent.new(label: "Firstname", value: "Robin")
    = render SummaryItemComponent.new(label: "Lastname", value: "Six")

= render Forms::SummarySectionComponent.new(\
  icon: "identification-badge", title: "Contact holder", link: "#", theme: "vert") do |c|
  = c.with_list_html
    = render SummaryItemComponent.new(label: "Firstname", value: "Robin")
    = render SummaryItemComponent.new(label: "Lastname", value: "Six")

= render Forms::SummarySectionComponent.new(\
  icon: "identification-badge", title: "Contact holder", link: "#", theme: "bleu") do |c|
  = c.with_list_html
    = render SummaryItemComponent.new(label: "Firstname", value: "Robin")
    = render SummaryItemComponent.new(label: "Lastname", value: "Six")