import { Meta , Story } from '@storybook/react' ; import { PlusTransparent } from '../../icons' ; import { SearchTool , ISearchType } from './SearchTool' ; import React from 'react' ; interface ISearchToolProps { searchTypeList : ISearchType [ ] ; searchText ? : string ; selectedSearchType ? : string ; language : string ; searchHandler : ( searchText : string , searchType : string ) => void ; dropDownIsVisible : boolean ; searchParam : string ; onClearText ? : ( ) => void ; } export default { title : 'Components/Interface/SearchTool' , component : SearchTool } ; const Template = ( args ) => < SearchTool { ... args } / > ; export const SearchToolView = Template . bind ( { } ) ; SearchToolView . args = { searchTypeList : [ { label : 'Dhaka' , value : 'Dhaka' , icon : ( ) => < PlusTransparent />, invertIcon : ( ) => < PlusTransparent />, placeHolderText : 'Dhaka' } , { label : 'Chittagong' , value : 'Chittagong' , icon : ( ) => < PlusTransparent />, invertIcon : ( ) => < PlusTransparent />, placeHolderText : 'Chittagong' } ] , searchHandler : ( searchText , searchType ) => alert ( searchText ) , dropDownIsVisible : false , language : 'english' , searchParam : 'String' } ;