Tooltip

export default function Component() {
  return (
    <div className="custom-tooltip-container">
  <button className="custom-tooltip-btn">Hover me</button>
  <div className="custom-tooltip-content">
    <span className="custom-tooltip-arrow"></span>
    <p className="custom-tooltip-text">
      Warning: Hovering too long may result in a sudden craving for cookies!
    </p>
  </div>
</div>
  );
}