import { useRef } from 'react';
import Crosshair from './Crosshair';

const Component = () => {
  const containerRef = useRef(null);

  return (
    <div ref={containerRef} style={{ height: '300px', overflow: 'hidden' }}>
      <Crosshair color="#ffffff" />
      
      <h1>Move your cursor</h1>
      <a href="#">Hover over links for effects</a>
    </div>
  );
};