import { Filters } from './Filters'

type Props = {
	onNewBox: () => void
	onRefresh: () => void
}

export const DashboardHeader = ({ onNewBox, onRefresh }: Props) => {
	return (
		<div className="filters">
			<div className="inner">
				<button onClick={onNewBox}>Add box</button>
				<Filters />
				<button onClick={onRefresh}>Refresh all</button>
			</div>
			<div className="shadow"></div>
		</div>
	)
}
