import React from 'react'
import { Meta } from '@storybook/react/types-6-0'
import { Story } from '@storybook/react'
import { SearchInputProps,SearchInput } from './SearchInput'
import { AiOutlineSearch } from 'react-icons/ai'

export default {
  title:'Components/SearchInput',
  component: SearchInput,
  argTypes: {}
} as Meta

const Template: Story<SearchInputProps> = (args) => <SearchInput  {...args}/>

export const Shared = Template.bind({})
Shared.args = { placeholder:'Shared with...' , icon:<AiOutlineSearch /> }

export const Profile = Template.bind({})
Profile.args = { placeholder:'Find profile...' , icon:<AiOutlineSearch /> }

