fix playground

Author: momodaadaa99

stories/statusicon.stories.tsx

@@ -1,40 +1,25 @@
-import { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import {
   StatusCluster,
   StatusIcon,
 } from '../src/lib/components/statusicon/StatusIcon.component';
 import { Wrapper } from './common';
-import styled from 'styled-components';
 import { Stack, Text } from '../src/lib';
 
-const TextWrapper = styled(Wrapper)`
-  min-height: 0;
-`;
-
-type Story = StoryObj<typeof StatusIcon>;
-
 export default {
   title: 'Components/statusIcon',
   component: StatusIcon,
-  argTypes: {
-    status: {
-      control: {
-        disable: true,
-      },
-    },
-    children: {
-      control: {
-        disable: true,
-      },
-    },
-  },
 };
 
 export const Playground = {
-  render: ({}: any) => {
+  args: {
+    status: 'healthy',
+  },
+};
+export const Default = {
+  render: ({}) => {
     return (
-      <TextWrapper>
+      <Wrapper>
         <Stack>
           <Text>Healthy status </Text>
           <StatusIcon status={StatusCluster.HEALTHY} />{' '}
@@ -51,7 +36,7 @@ export const Playground = {
           <Text>Unknown status </Text>
           <StatusIcon status={StatusCluster.UNKNOWN} />
         </Stack>
-      </TextWrapper>
+      </Wrapper>
     );
   },
 };