Dialog

"use client"

import { Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Button } from "@neo/test-components"
import { useState } from "react"

export function DeleteDialog() {
  const [isOpen, setIsOpen] = useState(false)
  
  return (
    <>
      <Button variant="danger" onPress={() => setIsOpen(true)}>
        Delete Account
      </Button>
      <Modal isOpen={isOpen} onOpenChange={setIsOpen}>
        <ModalContent>
          <ModalHeader>Are you sure?</ModalHeader>
          <ModalBody>
            This action cannot be undone.
          </ModalBody>
          <ModalFooter>
            <Button variant="tertiary" onPress={() => setIsOpen(false)}>
              Cancel
            </Button>
            <Button variant="danger">Delete</Button>
          </ModalFooter>
        </ModalContent>
      </Modal>
    </>
  )
}