import { Meta , Story } from '@storybook/react' ; import { SearchInputWithIcon } from '.' ; import React from 'react' ; interface IProps { searchText ? : string ; placeHolderText : string ; error ? : boolean ; touched ? : boolean ; searchHandler : ( searchText : string ) => void ; } const Template = ( args ) => ( < SearchInputWithIcon { ... args } > Section information populates here < /SearchInputWithIcon>); export const SearchInputWithIconView = Template . bind ( { } ) ; SearchInputWithIconView . args = { searchHandler : ( searchText ) => alert ( searchText ) } ; export default { title : 'Components/Interface/SearchInputWithIcon' , component : SearchInputWithIcon } as Meta ;