function Title() {
  return <h1>Dashboard</h1>;
}

function Toolbar() {
  return <button>Refresh</button>;
}

// a parent nests smaller components
function Header() {
  return (
    <header>
      <Title />
      <Toolbar />
    </header>
  );
}

export default Header;

compose a UI from smaller components