From 5a3ac7d73eb4d241b4e17e0a7b565599c33b08e1 Mon Sep 17 00:00:00 2001
From: Oscar Hinton <Hinton@users.noreply.github.com>
Date: Fri, 8 Dec 2023 17:15:57 +0100
Subject: [PATCH] [CL-155] Add support for hiding the close button on banner
 (#7142)

---
 libs/components/src/banner/banner.component.html |  1 +
 libs/components/src/banner/banner.component.ts   |  1 +
 libs/components/src/banner/banner.stories.ts     | 10 +++++++++-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/libs/components/src/banner/banner.component.html b/libs/components/src/banner/banner.component.html
index 7f0624d1430..fcff8922235 100644
--- a/libs/components/src/banner/banner.component.html
+++ b/libs/components/src/banner/banner.component.html
@@ -9,6 +9,7 @@
     <ng-content></ng-content>
   </span>
   <button
+    *ngIf="showClose"
     type="button"
     bitIconButton="bwi-close"
     buttonType="contrast"
diff --git a/libs/components/src/banner/banner.component.ts b/libs/components/src/banner/banner.component.ts
index 7565ba30159..e93bcb22142 100644
--- a/libs/components/src/banner/banner.component.ts
+++ b/libs/components/src/banner/banner.component.ts
@@ -17,6 +17,7 @@ export class BannerComponent implements OnInit {
   @Input("bannerType") bannerType: BannerTypes = "info";
   @Input() icon: string;
   @Input() useAlertRole = true;
+  @Input() showClose = true;
 
   @Output() onClose = new EventEmitter<void>();
 
diff --git a/libs/components/src/banner/banner.stories.ts b/libs/components/src/banner/banner.stories.ts
index eeab84b4ed5..97371153d71 100644
--- a/libs/components/src/banner/banner.stories.ts
+++ b/libs/components/src/banner/banner.stories.ts
@@ -35,6 +35,7 @@ export default {
   },
   args: {
     bannerType: "warning",
+    showClose: true,
   },
   argTypes: {
     onClose: { action: "onClose" },
@@ -50,7 +51,7 @@ export const Premium: Story = {
   render: (args: BannerComponent) => ({
     props: args,
     template: `
-      <bit-banner [bannerType]="bannerType" (onClose)="onClose($event)">
+      <bit-banner [bannerType]="bannerType" (onClose)="onClose($event)" [showClose]=showClose>
         Content Really Long Text Lorem Ipsum Ipsum Ipsum
         <button bitLink linkType="contrast">Button</button>
       </bit-banner>
@@ -82,3 +83,10 @@ export const Danger: Story = {
     bannerType: "danger",
   },
 };
+
+export const HideClose: Story = {
+  ...Premium,
+  args: {
+    showClose: false,
+  },
+};