export const data = {
  x: 0,
  y: 0,
};

export default () => (
  <section
    class="h-48 rounded border p-4"
    onPointermove={(event) => {
      data.x = event.offsetX;
      data.y = event.offsetY;
    }}
  >
    Coordinates: {data.x}, {data.y}
  </section>
);