From 86a6a7afea70b759c7acfbbe4ff01338cfa4ff3f Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <muhammed@freecodecamp.org>
Date: Mon, 7 Aug 2023 11:58:28 +0300
Subject: [PATCH] feat: make fluid an option in container component (#51172)

---
 .../src/container/container.stories.tsx            | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/tools/ui-components/src/container/container.stories.tsx b/tools/ui-components/src/container/container.stories.tsx
index 5452a04c98a..21b1e0cbce7 100644
--- a/tools/ui-components/src/container/container.stories.tsx
+++ b/tools/ui-components/src/container/container.stories.tsx
@@ -4,7 +4,14 @@ import { Container, ContainerProps } from '.';
 
 const story = {
   title: 'Example/Container',
-  component: Container
+  component: Container,
+  argTypes: {
+    fluid: {
+      control: {
+        type: 'boolean'
+      }
+    }
+  }
 };
 
 const Template: Story<ContainerProps> = args => {
@@ -29,9 +36,4 @@ const Template: Story<ContainerProps> = args => {
 export const Default = Template.bind({});
 Default.args = {};
 
-export const Fluid = Template.bind({});
-Fluid.args = {
-  fluid: true
-};
-
 export default story;