From 6ed411dddf2a954c11cf65b45649728b68bda2ce Mon Sep 17 00:00:00 2001
From: Nils <haberkamp.n@gmail.com>
Date: Tue, 1 Oct 2024 13:11:57 +0200
Subject: [PATCH] remove default margin from banner

---
 .changeset/quiet-trains-impress.md                    |  5 +++++
 .../feedback-indicator/mt-banner/mt-banner.vue        | 11 ++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/quiet-trains-impress.md

diff --git a/.changeset/quiet-trains-impress.md b/.changeset/quiet-trains-impress.md
new file mode 100644
index 00000000..2e8d07cb
--- /dev/null
+++ b/.changeset/quiet-trains-impress.md
@@ -0,0 +1,5 @@
+---
+"@shopware-ag/meteor-component-library": patch
+---
+
+remove default margin of banner component, hidden by future flag
diff --git a/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue b/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue
index 11bdf58e..7a440308 100644
--- a/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue
+++ b/packages/component-library/src/components/feedback-indicator/mt-banner/mt-banner.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mt-banner" :class="classes" role="banner">
+  <div :class="classes" role="banner">
     <slot name="customIcon">
       <mt-icon
         v-if="!hideIcon"
@@ -36,6 +36,7 @@
 import { computed } from "vue";
 import MtIcon from "../../icons-media/mt-icon/mt-icon.vue";
 import MtText from "@/components/content/mt-text/mt-text.vue";
+import { useFutureFlags } from "@/composables/useFutureFlags";
 
 const props = withDefaults(
   defineProps<{
@@ -68,9 +69,13 @@ const bannerIcon = computed(() => {
   return iconConfig[props.variant] || "solid-info-circle";
 });
 
+const future = useFutureFlags();
+
 const classes = computed(() => [
+  "mt-banner",
   `mt-banner--${props.variant}`,
   {
+    "mt-banner--future-remove-default-margin": future.removeDefaultMargin,
     "mt-banner--icon": !props.hideIcon,
     "mt-banner--closable": props.closable,
   },
@@ -97,6 +102,10 @@ const bodyClasses = computed(() => ({
   }
 }
 
+.mt-banner--future-remove-default-margin {
+  margin-block-end: 0;
+}
+
 .mt-banner__title {
   margin-block-end: 0;
 }