| 1 |
/** |
| 2 |
* WordPress dependencies. |
| 3 |
*/ |
| 4 |
import { useContext, WPElement } from '@wordpress/element'; |
| 5 |
|
| 6 |
/** |
| 7 |
* Internal dependencies. |
| 8 |
*/ |
| 9 |
import Context from '../../context'; |
| 10 |
|
| 11 |
/** |
| 12 |
* Search field component. |
| 13 |
* |
| 14 |
* @param {object} props Props. |
| 15 |
* @param {WPElement} props.children Children. |
| 16 |
* @returns {WPElement} Element. |
| 17 |
*/ |
| 18 |
export default ({ children }) => { |
| 19 |
const { |
| 20 |
state: { isSidebarOpen }, |
| 21 |
} = useContext(Context); |
| 22 |
|
| 23 |
return ( |
| 24 |
<aside className={`ep-search-sidebar ${isSidebarOpen ? 'is-open' : ''}`}>{children}</aside> |
| 25 |
); |
| 26 |
}; |
| 27 |
|
