Popconfirm

---
import { Button, Popconfirm } from '@santi020k/lumen-astro'
---

<Popconfirm title="Are you sure you want to delete this?" confirmLabel="Delete" cancelLabel="Cancel">
  <Button variant="destructive">Delete</Button>
</Popconfirm>

import { Button, Popconfirm } from '@santi020k/lumen-react'

export const Example = () => (
  <>
    <Popconfirm title="Are you sure you want to delete this?" confirmLabel="Delete" cancelLabel="Cancel">
      <Button variant="destructive">Delete</Button>
    </Popconfirm>
  </>
)

<script type="module">
  import { defineLumenElements } from '@santi020k/lumen-elements/define'

  defineLumenElements()
</script>

<lumen-popconfirm title="Are you sure you want to delete this?" confirmLabel="Delete" cancelLabel="Cancel">
  <lumen-button variant="destructive">Delete</lumen-button>
</lumen-popconfirm>