Tooltip

"use client"

import { Button, Tooltip } from "@/components/ui/heroui-tooltip"

export default function Demo() {
  return (
    <div className="flex items-center justify-center gap-4 p-12">
      <Tooltip delay={0}>
        <Button variant="secondary">Instant</Button>
        <Tooltip.Content>
          <p>No delay</p>
        </Tooltip.Content>
      </Tooltip>

      <Tooltip delay={700} closeDelay={500}>
        <Button variant="secondary">Delayed</Button>
        <Tooltip.Content>
          <p>700ms open, 500ms close</p>
        </Tooltip.Content>
      </Tooltip>
    </div>
  )
}