← full-stack-fastapi-template  /  frontend/src/components/UserSettings/DeleteAccount.tsx

1 
import DeleteConfirmation from "./DeleteConfirmation"
2 

      

      
      

        3
        
const DeleteAccount = () => {

      

      
      

        4
        
  return (

      

      
      

        5
        
    <div className="max-w-md mt-4 rounded-lg border border-destructive/50 p-4">

      

      
      

        6
        
      <h3 className="font-semibold text-destructive">Delete Account</h3>

      

      
      

        7
        
      <p className="mt-1 text-sm text-muted-foreground">

      

      
      

        8
        
        Permanently delete your account and all associated data.

      

      
      

        9
        
      </p>

      

      
      

        10
        
      <DeleteConfirmation />

      

      
      

        11
        
    </div>

      

      
      

        12
        
  )

      

      
      

        13
        
}

      

      
      

        14
        

      

      
      

        15
        
export default DeleteAccount

      

      
      

        16