Dialog

<Dialog>
  <DialogTrigger asChild>
    <Button>프로필 수정</Button>
  </DialogTrigger>
  <DialogContent>
    <DialogHeader>
      <DialogTitle>프로필 수정</DialogTitle>
      <DialogDescription>다른 사용자에게 표시되는 이름과 소개를 변경합니다.</DialogDescription>
    </DialogHeader>
    <FieldGroup>
      <Field>
        <FieldLabel htmlFor="name">이름</FieldLabel>
        <FieldContent>
          <Input id="name" defaultValue="이유독" />
        </FieldContent>
      </Field>
    </FieldGroup>
    <DialogFooter>
      <DialogClose asChild>
        <Button variant="outline">취소</Button>
      </DialogClose>
      <DialogClose asChild>
        <Button>저장</Button>
      </DialogClose>
    </DialogFooter>
  </DialogContent>
</Dialog>