As propriedades

import CampoTexto from '../CampoTexto' import ListaSuspensa from '../ListaSuspensa' import Botao from '../Botao' import './Formulario.css' import { useState } from 'react'

const Formulario = () => {

const times = [

]

const [nome, setNome] = useState('')
const [cargo, setCargo] = useState('')
const [Imagem, setImagem] = useState('')


const aoSalvar = (evento) => {
    evento.preventDefault()
    console.log('Form foi submetido')
}

return (
    <section className='formulario'>
        <form onSubmit={aoSalvar}>
            <h2>Preencha os dados para criar o card do colaborador</h2>
            <CampoTexto
                obrigatorio = {true} 
                label="Nome" 
                 placeholder="Digite seu nome"/>
                valor={nome}  < Propriedade estava fora do <CampoTexto/>                     

            <CampoTexto 
            obrigatorio = {true} 
            label="Cargo" 
            placeholder="Digite seu Cargo" />
            valor = 
            <CampoTexto  
            label="Imagem" 
            placeholder="Digite o endereço da imagem" />
           
            <ListaSuspensa 
            label="Time" 
            itens={times}/>
            <Botao 
            texto="Criar Card"/>
        </form>
    </section>
)

}

export default Formulario