Tooltip

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

<Tooltip>
  <Button variant="outline" aria-label="Save changes">Save</Button>
  <span role="tooltip">Save changes</span>
</Tooltip>

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

export const Example = () => (
  <>
    <Tooltip>
      <Button variant="outline" aria-label="Save changes">Save</Button>
      <span role="tooltip">Save changes</span>
    </Tooltip>
  </>
)

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

  defineLumenElements()
</script>

<lumen-tooltip>
  <lumen-button variant="outline" aria-label="Save changes">Save</lumen-button>
  <span role="tooltip">Save changes</span>
</lumen-tooltip>