feat(dsfr): new NoticeComponent

app/components/dsfr/notice_component.rb

@@ -0,0 +1,12 @@
+# see: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/bandeau-d-information-importante/
+class Dsfr::NoticeComponent < ApplicationComponent
+  renders_one :title
+
+  def initialize(closable: false)
+    @closable = closable
+  end
+
+  def closable?
+    !!@closable
+  end
+end

app/components/dsfr/notice_component/notice_component.en.yml

@@ -0,0 +1,4 @@
+---
+en:
+  close_notice: Hide message
+

app/components/dsfr/notice_component/notice_component.fr.yml

@@ -0,0 +1,4 @@
+---
+fr:
+  close_notice: Masquer le message
+

app/components/dsfr/notice_component/notice_component.html.haml

@@ -0,0 +1,9 @@
+.fr-notice.fr-notice--info
+  .fr-container
+    .fr-notice__body
+      %p.fr-notice__title
+        = title
+
+      - if closable?
+        %button.fr-btn--close.fr-btn{ title: t('.close_notice'), onclick: 'const notice = this.parentNode.parentNode.parentNode; notice.parentNode.removeChild' }
+          = t('.close_notice')