cpk-ui 0.0.1

package/components/uis/Icon/Icon.stories.tsx

@@ -0,0 +1,45 @@
+import type {ComponentProps} from 'react';
+import {View} from 'react-native';
+import {css} from '@emotion/native';
+import type {Meta, StoryObj} from '@storybook/react';
+import {Icon, iconList} from './Icon';
+import {withThemeProvider} from '../../../../.storybook/decorators';
+import {Typography} from '../Typography/Typography';
+
+const meta = {
+  title: 'Icon',
+  component: (props) => (
+    <View
+      style={css`
+        align-items: center;
+      `}
+    >
+      <Icon {...props} />
+      <Typography.Body2
+        style={css`
+          font-size: 12px;
+          text-align: center;
+        `}
+      >
+        {props?.name}
+      </Typography.Body2>
+    </View>
+  ),
+  argTypes: {
+    name: {
+      control: 'select',
+      options: iconList,
+    },
+  },
+  decorators: [withThemeProvider],
+} satisfies Meta<typeof Icon>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Basic: Story = {
+  args: {
+    name: 'MagnifyingGlass',
+  },
+};

package/components/uis/Icon/Icon.test.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import type {RenderAPI} from '@testing-library/react-native';
+import {render} from '@testing-library/react-native';
+import {createComponent} from '../../../../test/testUtils';
+import {Icon} from './Icon';
+
+let testingLib: RenderAPI;
+
+const Component = (): JSX.Element => createComponent(<Icon name="Person" />);
+
+describe('[Icon]', () => {
+  it('should render without crashing', () => {
+    testingLib = render(Component());
+
+    const json = testingLib.toJSON();
+
+    expect(json).toBeTruthy();
+  });
+});