No estoy muy seguro de cómo formular esta pregunta (tampoco estoy seguro de si hay una mejor manera de lograr esto), pero...

Tengo un componente de encabezado:

 <header> header </header>

ahora tengo 2 páginas diferentes que usarán diferentes variaciones del componente de encabezado...

Actualmente, tengo un código seco en el que he importado el componente de encabezado en una de las páginas, aunque en la otra lo tengo codificado aunque los cambios se editan...

Me preguntaba cómo puedo hacerlo como:

 <header> if('/'){ return header a }else if('/settings'){ return header b } </header>