import { useState } from "react";
import { Button } from "react-bootstrap";

const Formulaire = () => {

    return (
        <div className="inventaire-form-container">
            <form className="form-horizontal">
                <h4 className="text-center">Nouvel utilisateur</h4>
                <div className="form-group">
                    <label>Prénom: </label>
                    <input type='text' className="form-control form-input"
                        placeholder="Votre prénom..."/>
                </div>
                <div className="form-group">
                    <label>Nom: </label>
                    <input type='text' className="form-control form-input"
                        placeholder="Votre Nom..."/>
                </div>
                <div className="form-group">
                    <label>Numéro de téléphone: </label>
                    <input type='text' className="form-control form-input"
                        placeholder="Votre numéro de téléphone..."/>
                </div>
                <div className="form-group">
                    <label>Adresse civique: </label>
                    <input type='text' className="form-control form-input"
                        placeholder="Votre adresse..."/>
                </div>
                <div className="form-group">
                    <label>Adresse courriel: </label>
                    <input type='text' className="form-control form-input"
                        placeholder="Votre adresse courrirel..."/>
                </div>
                <Button className="btn-primary btn-ajouter-morceau" type="submit" >Confirmer</Button>
            </form>
        </div>
    )
}

export default Formulaire;