11 lines
360 B
TypeScript
11 lines
360 B
TypeScript
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>
|
|
);
|
|
});
|