Function GradientScan

components/shared-assets/qr-code.tsx:12–22

({ className, ...props }: HTMLAttributes<HTMLDivElement>)

);

export const GradientScan = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (
    <div
        {...props}
        className={cx("absolute bottom-0 h-1/2 w-full border-t border-brand bg-brand-solid/10", className)}
        style={{
            maskImage: "radial-gradient(52.19% 100% at 50% 0%, #000 0%, rgba(0,0,0,0) 95.31%)",
            WebkitMaskImage: "radial-gradient(52.19% 100% at 50% 0%, #000 0%, rgba(0,0,0,0) 95.31%)",
            ...props.style,
        }}
    />
);

const styles = {
    md: { root: "p-2", qr: { width: 96, height: 96 } },