render(() => {
  const simpleDialog = React.useRef(null)
  const customDialog = React.useRef(null)
  return (
    <StackView spacing={2}>
      <Button
        title="Simple dialog"
        theme="primary"
        onClick={() => simpleDialog.current.showModal()}
      />
      <Dialog
        dialogRef={simpleDialog}
        title="Simple Dialog"
        body="Look at this information"
      />
      <Button
        title="Custom dialog"
        theme="primary"
        onClick={() => customDialog.current.showModal()}
      />
      <Dialog
        dialogRef={customDialog}
        title="My Custom Dialog"
        showCancel
        showDestroy
        confirmText="Save"
        subtitle="That has a subtitle"
        body="Composable content area"
      />
    </StackView>
  )
})