<template>
  <div class="demo-popover-basic">
    <ui-popover
      title="Quotes"
      trigger="hover"
      content="The young man stared at her for a long moment when she offered it to him. “Valar morghulis,” he said. “Valar dohaeris,” she replied."
      popper-class="test-class"
      popper-width="260px">
      <ui-button>Hover</ui-button>
    </ui-popover>

    <ui-popover
      title="Quotes"
      content="The young man stared at her for a long moment when she offered it to him. “Valar morghulis,” he said. “Valar dohaeris,” she replied.">
      <ui-button>Click</ui-button>
    </ui-popover>

    <ui-popover
      title="Quotes"
      trigger="focus"
      content="The young man stared at her for a long moment when she offered it to him. “Valar morghulis,” he said. “Valar dohaeris,” she replied.">
      <ui-button>Focus</ui-button>
    </ui-popover>
  </div>
</template>

<script>
import { Popover, Button } from "amumu-ui"
export default {
  components: {
    "ui-popover": Popover,
    "ui-button": Button,
  },
}
</script>
