"use client" import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog"; import { Label } from "@/components/ui/label"; import { Input } from "@/components/ui/input"; import { Textarea } from "@/components/ui/textarea"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { Github, Linkedin, Mail, MapPin, Edit } from "lucide-react"; export default function ProfilePage() { const [isOpen, setIsOpen] = useState(false); const [profile, setProfile] = useState({ img: "https://github.com/rayimanoj8.png", fullName: "Manoj", summary: "Engineer in the field of Computer Science from Pragati Engineering College.", id: "rayimanoj8", location: "Kakinada", linkedin: "https://linkedin.com/in/rayimanoj8", github: "https://github.com/rayimanoj8", mail: "rayimanoj8@gmail.com", }); const handleChange = (e) => { setProfile({ ...profile, [e.target.id]: e.target.value }); }; const handleSave = () => { setIsOpen(false); }; return (

{/* Profile Card */}

👨‍💻 {profile.fullName} @{profile.id}

{profile.summary}

{/* Contact Info Card */} Contact Information

{/* Edit Dialog */}