import React, { useEffect, useRef } from 'react';

const Stampila = () => {
  const canvasRef = useRef(null);

  useEffect(() => {
    const canvas = canvasRef.current;
    const ctx = canvas.getContext('2d');

    // Setează dimensiunile canvas-ului
    canvas.width = 500;
    canvas.height = 300;

    // Desenarea unui cerc pentru ștampilă
    ctx.beginPath();
    ctx.arc(250, 150, 120, 0, 2 * Math.PI); // Cercul ștampilei
    ctx.fillStyle = '#000'; // Culoare de fundal neagră
    ctx.fill();

    // Setarea culorii pentru text
    ctx.fillStyle = '#fff'; // Culoare albă pentru text
    ctx.font = '20px Arial';

    // Adăugarea textului firmei și datelor
    ctx.fillText('GROSYPAN S.r.l.', 100, 80); 
    ctx.fillText('CUI: 50445811', 100, 120);
    ctx.fillText('RC: j2024016509004', 100, 160);
    ctx.fillText('Carasova, CARAS-SEVERIN', 100, 200);

  }, []);

  return (
    <div>
      <h2>Ștampilă</h2>
      <canvas ref={canvasRef}></canvas>
    </div>
  );
};

export default Stampila;
