text: import React, { Fragment } from "react";
  import "./Header.css";
  
  export default function Header({ filtered, deleteTag, clear }) {
  	return (
  		<Fragment>
  			<div className="header"></div>
  			{filtered.length > 0 && (
  				<div className="board">
  					<div className="tag-list">
  						{filtered
  							? filtered.map((tag, index) => (
  									<button key={index} onClick={e => deleteTag(e.target.innerHTML)} className="tag">
  										{tag}
  									</button>
  							  ))
  							: ""}
  					</div>
  
  					<p className="clear" onClick={() => clear()}>
  						Clear
  					</p>
  				</div>
  			)}
  		</Fragment>
  	);
  }
  