[Duda] El tipo de input

Tengo una duda, en este código del componente campo, tiene una destruturación prop que pasa el type = "text" para el input

const Campo = (props) => {
    const placeholderMod = `${props.placeholder}...`;
    //La destruturación de tipo texto
    const { type = 'text' } = props
    
    const manejarCambio = (e) => {
        props.actualizarValor(e.target.value)
    }
    return <div className={`campo campo-${type}`}>
        <label>{props.titulo}</label>
        <!--Aquí en el input pasa el valor de type que es la variable type-->
        <input placeholder={placeholderMod} required={props.required} value={props.valor} onChange={manejarCambio} type={type}/>
    </div>
}

Y veo que en el componente formulario cuando está en el campo para el color pasa el type="color"

<Campo titulo="Color" placeholder="Ingresar el color en Hex" required valor={color} actualizarValor={actualizarColor} type='color'/>

Mi pregunta es, si en el archivo de campo toma el tipo igual a texto, cómo es que para el color toma el tipo color si está en otro archivo? y veo que no es necesario hacer los mismo en el archivo de formulario la destruturación y sigue funcionando, por qué?