add SkeletonLoader story (#1150)

src/shared/components/SkeletonLoader/SkeletonLoader.stories.tsx

@@ -0,0 +1,31 @@
+import { Meta, Story } from '@storybook/react'
+import React from 'react'
+
+import { SkeletonLoader, SkeletonLoaderProps } from './SkeletonLoader'
+
+export default {
+  title: 'Shared/S/SkeletonLoader',
+  component: SkeletonLoader,
+  argTypes: {
+    width: {
+      defaultValue: 500,
+      control: {
+        type: 'range',
+        min: 200,
+        max: 500,
+      },
+    },
+    height: {
+      defaultValue: 200,
+      control: {
+        type: 'range',
+        min: 200,
+        max: 500,
+      },
+    },
+  },
+} as Meta
+
+const Template: Story<SkeletonLoaderProps> = (args) => <SkeletonLoader {...args} />
+
+export const Default = Template.bind({})

src/shared/components/SkeletonLoader/SkeletonLoader.tsx

@@ -4,7 +4,7 @@ import React from 'react'
 
 import { colors } from '@/shared/theme'
 
-type SkeletonLoaderProps = {
+export type SkeletonLoaderProps = {
   width?: string | number
   height?: string | number
   bottomSpace?: string | number