18 lines
402 B
TypeScript
18 lines
402 B
TypeScript
interface HeaderProps {
|
|
onNewTask: () => void;
|
|
}
|
|
|
|
export function Header({ onNewTask }: HeaderProps) {
|
|
return (
|
|
<header className="header">
|
|
<div className="header-left">
|
|
<h1 className="logo">hai</h1>
|
|
<span className="logo-sub">board</span>
|
|
</div>
|
|
<button className="btn btn-primary" onClick={onNewTask}>
|
|
+ New Task
|
|
</button>
|
|
</header>
|
|
);
|
|
}
|