import { ListSearch } from '../ListSearch';
import { useSearchContact } from './SearchContact.hooks';
import type { ContactSearchModel, SearchContactProps } from './types';

/**
 * Search Contacts component.
 */
export function SearchContact(props: SearchContactProps) {
  const { containerStyle, searchType } = props;
  const { data, onClicked, onCancel } = useSearchContact(props);

  return (
    <ListSearch<ContactSearchModel>
      {...props}
      initData={data}
      onCancel={onCancel}
      containerStyle={containerStyle}
      searchType={searchType}
      onClicked={onClicked}
    />
  );
}