import { QRCodeSVG } from "qrcode.react";
import { memo } from "react";

export const Invoice = memo(function Invoice({ invoice }: { invoice: string }) {
	return (
		<div className="mt-2 flex items-center rounded-lg bg-neutral-200 p-2 dark:bg-neutral-800">
			<QRCodeSVG value={invoice} includeMargin={true} className="rounded-lg" />
		</div>
	);
});