Hover Button

import { HoverButton } from "@/components/ui/hover-button";
import { useState } from 'react'
export default function DemoOne() {
  const [count, setCount] = useState(0);
  return <><HoverButton onClick={() => setCount(count-1)}>
    Decrease
    </HoverButton>
    <span className='mx-4 text-3xl'>{count}</span>
    <HoverButton onClick={() => setCount(count+1)}>
    Increase
    </HoverButton></>;
}