fix(Text): remove tests and add new stories

src/components/Text/__stories__/Text.stories.tsx

@@ -2,6 +2,8 @@ import React from 'react';
 
 import type {Meta, StoryObj} from '@storybook/react';
 
+import {Button} from '../../Button';
+import {TextInput} from '../../controls';
 import {Flex} from '../../layout';
 import {Text, colorText, text} from '../index';
 
@@ -101,3 +103,45 @@ export const WordBreak: Story = {
         wordBreak: 'break-all',
     },
 };
+
+const LabelWithControlledFocusStory = () => {
+    const ref = React.useRef<HTMLLabelElement>(null); // don't delete this ref - needed to check currect react html type inshurance
+    const id = 'some-id';
+
+    return (
+        <Flex gap="5">
+            <Text as="label" htmlFor={id} ref={ref}>
+                Click on label to control text input
+            </Text>
+            <TextInput id={id} />
+        </Flex>
+    );
+};
+
+export const LabelWithControlledFocus: Story = {
+    render: () => <LabelWithControlledFocusStory />,
+
+    args: {},
+};
+
+const WithCustomElementRenderStory = () => {
+    return (
+        <Flex direction={'column'} gap="5">
+            <Text as="code">
+                {
+                    '<Text as={Button} size={\'m\'} view="action" color="danger-heavy" variant="header-1">Hello World!</Text>'
+                }
+            </Text>
+
+            <Text as={Button} size={'m'} view="action" color="danger-heavy" variant="header-1">
+                Hello World!
+            </Text>
+        </Flex>
+    );
+};
+
+export const WithCustomElementRender: Story = {
+    render: () => <WithCustomElementRenderStory />,
+
+    args: {},
+};