text: import React, { useState } from 'react';
  import { Button, notification } from 'antd';
  import styles from './SearchButton.module.css';
  import { SearchOutlined } from '@ant-design/icons';
  import store from '../../../middleware/Redux/Store';
  
  
  const SearchButton = () => {
  
      const [showFYI, setShowFYI] = useState(false);
  
      return (
          <>
              { showFYI && notification.info({ duration: 0, message: 'Info', description: 'Search functionality is still under construction.'})}
              <Button className={store.getState().theme === 'dark' ? styles.SearchButtonDark : styles.SearchButtonLight} onClick={() => setShowFYI(true)} onClose={() => setShowFYI(false)}
              >
                  <SearchOutlined />
              </Button>
          </>
      )
  }
  
  
  export default SearchButton;
  