import { SpotlightTooltip, Button } from '@photonix/ultimate';
import { useRef, useState } from 'react';

const MyComponent = () => {
  const [open, setOpen] = useState(false);
  const ref = useRef(null);

  return (
    <>
      <Button ref={ref} onClick={() => setOpen(true)}>Target</Button>
      
      <SpotlightTooltip 
        isOpen={open} 
        anchorEl={ref.current}
        title="Guidance"
        description="Click here to start"
        onClose={() => setOpen(false)}
      />
    </>
  );
};