Hola a todos, ayuda no muestra el color de fondo de los instructores.
import "./Colaborador.css"
const Colaborador = (props) => {
const { nombre, puesto, foto, equipo } = props.datos
const { colorPrimario } = props
return <div className ="Colaborador">
<div className ="encabezado" style = {{backgroundColor:colorPrimario}}>
<img src = {foto} alt = {nombre} />
</div>
<div className ="info">
<h4>{nombre}</h4>
<h5>{puesto}</h5>
</div>
</div>
}
export default Colaborador
import "./Equipo.css"
import Colaborador from "../colaborador"
const Equipo = (props) => {
//Destructuración
const {colorPrimario, colorSecundario, titulo} = props.datos
const {colaboradores} = props
const obj = {
backgroundColor:colorSecundario
}
console.log(colaboradores.length > 0)
const estiloTitulo = { borderColor:colorPrimario }
return <>
{
colaboradores.length > 0 &&
< section className = "equipo" style = { obj } >
<h3 style={estiloTitulo}>{titulo}</h3>
<div className="colaboradores">
{
colaboradores.map((colaborador, index) => <Colaborador datos={colaborador} key={index}
colorPrimario = {colorPrimario}
/>)
}
</div>
</section>
}
</>
}
export default Equipo
