import "../style/settings/settings.css"
import 'bootstrap/dist/css/bootstrap.min.css';
import { MainTitle, SecondTitle } from "./component/Title"
import {Header} from './template/Header'
import { useState, ChangeEvent } from "react"
import { User } from "./model/User"
import Button from 'react-bootstrap/Button';
import Form from 'react-bootstrap/Form';
export default function Settings({user} : {user : User}){
return (
)
}
function Body({user} : {user : User}) {
return (
)
}
function AccountSettings({user} : {user : User}){
return (
);
}
function ContentAccountSettings({user} : {user : User}) {
// Utilisez useState pour gérer l'état du champ de saisie
// const [username, setUsername] = useState({user.username});
// // Fonction pour mettre à jour l'état lorsqu'il y a un changement dans le champ de saisie
// const handleUsernameChange = (event : ChangeEvent) => {
// setUsername(event.target.value);
// };
// return (
//
// );
return (
);
}
function setVariable({varia} : {varia : any}){
}
// function InputSettings(){
// return(
//
// )
// }