Dialog

import { 
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogBody,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
  DialogClose,
  } from from "@momo-webplatform/mobase";

<Dialog>
  <DialogTrigger asChild>
    <Button variant="primary">Sửa thông tin user</Button>
  </DialogTrigger>
  <DialogContent size="md">
    <DialogHeader >
      <DialogTitle>Sửa thông tin user</DialogTitle>
    </DialogHeader>
    <DialogBody>
      <div className="grid grid-col-1 md:grid-col-2 gap-x-4 gap-y-6">
        <div>
          <TextInput
            label="First Name"
            placeholder="Please enter first name"
            className="w-full"
          />
        </div>
        <div>
          <TextInput
            label="Last Name"
            placeholder="Please enter last name"
            className="w-full"
          />
        </div>
        <div className="md:col-span-2">
          <TextInput
            label="Email"
            type="email"
            placeholder="Please enter email"
            className="w-full"
          />
        </div>
        <div className="md:col-span-2">
          <TextArea
            label="About"
            placeholder="Please enter about"
            className="w-full"
          />
        </div>
      </div>
    </DialogBody>
    <DialogFooter>
      <DialogClose className="px-4 h-10 rounded-md hover:bg-gray-100 text-sm">Quay lại</DialogClose>
      <Button type="submit">Xác nhận</Button>
    </DialogFooter>
  </DialogContent>
</Dialog>