import React from 'react';
import Search, {SearchProps} from "@molecules/Search/Search";
import './SearchBar.scss';

interface SearchBarProps extends SearchProps {
  onSearch: (value: string) => void;
}

const SearchBar = ({onSearch, ...props}: SearchBarProps) => {
  return (
    <div className={"search-bar"}>
      <Search
        onSearch={onSearch}
        placeholder={'Search Documents...'}
        buttonStyle={"icon"}
        {...props}
      />
    </div>
  );
};

export default SearchBar;
export {SearchBar, SearchBarProps};