From 20007bb72f8763de3219635311d05fb1cbb07fa1 Mon Sep 17 00:00:00 2001
From: david0xd <david@timechaser.org>
Date: Fri, 17 Jan 2025 11:12:27 +0100
Subject: [PATCH] Refactor some code

---
 packages/snaps-sdk/src/jsx/components/Skeleton.ts | 10 +++-------
 packages/snaps-sdk/src/jsx/components/utils.ts    |  4 ++++
 2 files changed, 7 insertions(+), 7 deletions(-)
 create mode 100644 packages/snaps-sdk/src/jsx/components/utils.ts

diff --git a/packages/snaps-sdk/src/jsx/components/Skeleton.ts b/packages/snaps-sdk/src/jsx/components/Skeleton.ts
index d45e821851..c16d015e7b 100644
--- a/packages/snaps-sdk/src/jsx/components/Skeleton.ts
+++ b/packages/snaps-sdk/src/jsx/components/Skeleton.ts
@@ -1,9 +1,5 @@
 import { createSnapComponent } from '../component';
-
-/**
- * Definition of Skeleton border radius.
- */
-export type SkeletonBorderRadius = 'none' | 'medium' | 'full' | undefined;
+import type { BorderRadius } from './utils';
 
 /**
  * The props of the {@link Skeleton} component.
@@ -15,7 +11,7 @@ export type SkeletonBorderRadius = 'none' | 'medium' | 'full' | undefined;
 export type SkeletonProps = {
   width: number | string;
   height: number | string;
-  borderRadius?: SkeletonBorderRadius | undefined;
+  borderRadius?: BorderRadius | undefined;
 };
 
 const TYPE = 'Skeleton';
@@ -28,7 +24,7 @@ const TYPE = 'Skeleton';
  * @param props.width - Height of the Skeleton.
  * @param props.borderRadius - Border radius of the Skeleton.
  * @example
- * <Skeleton height={32} width={50%} />
+ * <Skeleton height={32} width="50%" />
  */
 export const Skeleton = createSnapComponent<SkeletonProps, typeof TYPE>(TYPE);
 
diff --git a/packages/snaps-sdk/src/jsx/components/utils.ts b/packages/snaps-sdk/src/jsx/components/utils.ts
new file mode 100644
index 0000000000..66b35ba763
--- /dev/null
+++ b/packages/snaps-sdk/src/jsx/components/utils.ts
@@ -0,0 +1,4 @@
+/**
+ * Definition of border radius.
+ */
+export type BorderRadius = 'none' | 'medium' | 'full' | undefined;