#FloatingBubble 浮动气泡

import { FloatingBubble } from "@taroify/core"

function BasicFloatingBubble() {
  const onClick = () => {
    showToast({
      title: "点击气泡",
      icon: "none",
      duration: 1000,
    })
  }

  return <FloatingBubble icon={<ChatOutlined />} onClick={onClick} />
}

function CustomFloatingBubble() {
  const onOffsetChange = (x: number, y: number) => {
    showToast({
      title: `x: ${x.toFixed(0)}, y: ${y.toFixed(0)}`,
      icon: "none",
      duration: 1000,
    })
  }

  return (
    <FloatingBubble
      axis="xy"
      magnetic="x"
      icon={<ChatOutlined />}
      onOffsetChange={onOffsetChange}
    />
  )
}