feat: typing storybook component

Author: Panda-Program-Web

src/components/Greeting/Greeting.stories.tsx

@@ -1,14 +1,15 @@
-import { Component as Greeting } from './Greeting'
+import { Meta, Story } from '@storybook/react'
+import { Component as Greeting, Props } from './Greeting'
 
 export default {
   title: 'components/Greeting',
   component: Greeting,
   argTypes: {
     target: { control: 'text' },
   },
-}
+} as Meta<Props>
 
-const Template = (args) => <Greeting {...args} />
+const Template: Story<Props> = (args) => <Greeting {...args} />
 
 export const World = Template.bind({})
 World.args = {

src/components/Greeting/Greeting.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-type Props = {
+export type Props = {
   target: string
 }