import { Button } from "@/components/ui/button"
import { CoolMode } from "@/components/ui/cool-mode"

function CoolModeDemo() {
  return (
    <div className="relative justify-center">
      <CoolMode>
        <Button>Click Me!</Button>
      </CoolMode>
    </div>
  )
}

function CoolModeCustom() {
  return (
    <div className="relative justify-center">
      <CoolMode
        options={{
          particle:
            "https://avatars.githubusercontent.com/u/166878038?s=200&v=4",
        }}
      >
        <Button>Click Me!</Button>
      </CoolMode>
    </div>
  )
}

export default {
  CoolModeDemo,
  CoolModeCustom,
}