{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"alertdialog-compose","type":"registry:item","title":"AlertDialog","description":"A Jetpack Compose modal prompt that requests a choice or acknowledgment before the current task continues.","files":[{"path":"snippets/alertdialog-compose.tsx","content":"import { useState } from \"react\";\nimport { Host, AlertDialog, Button, TextButton, Text } from \"@expo/ui/jetpack-compose\";\n\nexport default function BasicAlertDialogExample() {\n  const [visible, setVisible] = useState(false);\n\n  return (\n    <Host matchContents>\n      <Button onClick={() => setVisible(true)}>\n        <Text>Show alert</Text>\n      </Button>\n      {visible && (\n        <AlertDialog onDismissRequest={() => setVisible(false)}>\n          <AlertDialog.Title>\n            <Text>Confirm action</Text>\n          </AlertDialog.Title>\n          <AlertDialog.Text>\n            <Text>Are you sure you want to proceed?</Text>\n          </AlertDialog.Text>\n          <AlertDialog.ConfirmButton>\n            <TextButton onClick={() => setVisible(false)}>\n              <Text>Confirm</Text>\n            </TextButton>\n          </AlertDialog.ConfirmButton>\n          <AlertDialog.DismissButton>\n            <TextButton onClick={() => setVisible(false)}>\n              <Text>Cancel</Text>\n            </TextButton>\n          </AlertDialog.DismissButton>\n        </AlertDialog>\n      )}\n    </Host>\n  );\n}\n","type":"registry:file","target":"~/snippets/alertdialog-compose.tsx"}],"author":"expo","dependencies":["@expo/ui"]}