import React from 'react';
import QRCode from 'qrcode.react';
const QRCodeCard = ({model,  qrData, onClick }) => {
    return (
        <div className="card-container" onClick={onClick}>
            <h3>QR Code Content:</h3>
            <p>{model?.content || qrData?.content}</p>
            <p>Created At: {new Date(model?.createdAt || qrData?.createdAt).toLocaleDateString()}</p>

            {model?.content && (
        <div className="mt-4">
          <QRCode value={model?.content} size={256} />
        </div>
      )}

        </div>
    );
};

export default QRCodeCard;