generated from fahricansecer/boilerplate-fe
21 lines
666 B
TypeScript
21 lines
666 B
TypeScript
import { QrCode as ChakraQrCode } from '@chakra-ui/react';
|
|
import * as React from 'react';
|
|
|
|
export interface QrCodeProps extends Omit<ChakraQrCode.RootProps, 'fill' | 'overlay'> {
|
|
fill?: string;
|
|
overlay?: React.ReactNode;
|
|
}
|
|
|
|
export const QrCode = React.forwardRef<HTMLDivElement, QrCodeProps>(function QrCode(props, ref) {
|
|
const { children, fill, overlay, ...rest } = props;
|
|
return (
|
|
<ChakraQrCode.Root ref={ref} {...rest}>
|
|
<ChakraQrCode.Frame style={{ fill }}>
|
|
<ChakraQrCode.Pattern />
|
|
</ChakraQrCode.Frame>
|
|
{children}
|
|
{overlay && <ChakraQrCode.Overlay>{overlay}</ChakraQrCode.Overlay>}
|
|
</ChakraQrCode.Root>
|
|
);
|
|
});
|