+
+);
diff --git a/src/components/RGB/RGB.css b/src/components/RGB/RGB.css
new file mode 100644
index 0000000..fec0799
--- /dev/null
+++ b/src/components/RGB/RGB.css
@@ -0,0 +1,12 @@
+.rgb {
+ display: inline-flex;
+ align-items: center;
+ gap: 5px;
+}
+
+.rgb__icon {
+ width: 18px;
+ aspect-ratio: 1;
+ border: 1px solid #555;
+ border-radius: 50%;
+}
\ No newline at end of file
diff --git a/src/components/RGB/RGB.tsx b/src/components/RGB/RGB.tsx
new file mode 100644
index 0000000..a423f15
--- /dev/null
+++ b/src/components/RGB/RGB.tsx
@@ -0,0 +1,15 @@
+import { classNames, type RGB as RGBType } from '@tma.js/sdk-react';
+import type { FC } from 'react';
+
+import './RGB.css';
+
+export type RGBProps = JSX.IntrinsicElements['div'] & {
+ color: RGBType;
+};
+
+export const RGB: FC{title}
+ {disclaimer &&{disclaimer}
}
+ {children}
+
+
+);
+
+const Inner: FC = () => {
+ const debug = useLaunchParams().startParam === 'debug';
+ const manifestUrl = useMemo(() => {
+ return new URL('tonconnect-manifest.json', window.location.href).toString();
+ }, []);
+
+ // Enable debug mode to see all the methods sent and events received.
+ useEffect(() => {
+ if (debug) {
+ import('eruda').then((lib) => lib.default.init());
+ }
+ }, [debug]);
+
+ return (
+ An unhandled error occurred:
+
+
+ {error instanceof Error
+ ? error.message
+ : typeof error === 'string'
+ ? error
+ : JSON.stringify(error)}
+
+
+ -
+
+ -
+
-
+
-
+ {'imageUrl' in wallet && (
+ <>
+
-
+