a React Molecule

Search.jsx

import React from 'react';
import Button from './Button';

const defaultProps = {
  classSearch: "",
  title="Search",
  searchPlaceholder:"Type here to search"
}
function Search(props =defaultProps) {

  const {classSearch, title, searchPlaceholder, onSearch}= props

  return (
    <div className={classSearch}>
      <Button title={title} onClick={onSearch}></Button>
      <input type="text" id="searchText" placeholder={searchPlaceholder}/>
    </div>
  )
}

export default Search;