chore(docs): add story for sub body text component

packages/apps/docs/src/components/Typography/SubBodyText.stories.tsx

@@ -0,0 +1,41 @@
+import { IProps, SubBodyText } from './SubBodyText';
+
+import { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
+
+const selectOptions: string[] = ['p', 'span'];
+
+const meta: Meta<IProps> = {
+  title: 'Typography/SubBodyText',
+  argTypes: {
+    as: {
+      options: selectOptions,
+      control: {
+        type: 'select',
+      },
+    },
+    bold: {
+      control: {
+        type: 'boolean',
+      },
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<IProps>;
+
+export const Default: Story = {
+  name: 'Default',
+  args: {
+    as: 'p',
+    bold: false,
+  },
+  render: ({ as, bold }) => (
+    <div>
+      <SubBodyText as={as} bold={bold}>
+        Hello! I&apos;m sub body text...!
+      </SubBodyText>
+    </div>
+  ),
+};

packages/apps/docs/src/components/Typography/SubBodyText.tsx

@@ -2,7 +2,7 @@ import { ITextProps, Text } from '@kadena/react-ui';
 
 import React, { FC, ReactNode } from 'react';
 
-interface IProps {
+export interface IProps {
   children?: ReactNode;
   as?: ITextProps['as'];
   bold?: ITextProps['bold'];