feat: addiiton Image Component in Storybook

Author: Uzhastin-Nikita

src/components/atoms/Image/Image.stories.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { ComponentStory, ComponentMeta } from '@storybook/react'
+
+import { Image, ImageProps } from './Image'
+
+export default {
+  title: 'atoms/Image',
+  component: Image
+} as ComponentMeta<React.ComponentType<ImageProps>>
+
+const Template: ComponentStory<React.ComponentType<ImageProps>> = args => <Image {...args} />
+
+export const Primary = Template.bind({})
+Primary.args = {}

src/components/atoms/Image/Image.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+
+export type ImageProps = {
+  src?: string
+  width?: string | number
+  height?: string | number
+  className?: string
+  alt?: string
+  onClick?: () => void
+}
+
+export const Image = ({ src, className, alt, height, width, onClick }: ImageProps) => {
+  return <img className={className} onClick={onClick} alt={alt} src={src} width={width} height={height} />
+}

src/components/atoms/Image/index.ts

@@ -0,0 +1 @@
+export * from './Image'

src/components/index.ts

@@ -1,3 +1,4 @@
 import { LoginButton } from './atoms/LoginButton'
+import { Image } from './atoms/Image'
 
-export default { LoginButton }
+export default { LoginButton, Image }