re-structure to monorepo.

2026-02-17 05:10:31 +00:00 · 2023-02-03 01:02:31 +02:00
parent 8242ec64ba
commit 7a0a13f9d5
10400 changed files with 46966 additions and 17223 deletions
--- a/packages/webapp/src/components/Skeleton/Skeleton.tsx
+++ b/packages/webapp/src/components/Skeleton/Skeleton.tsx
@@ -0,0 +1,27 @@
+// @ts-nocheck
+import React, { useMemo } from 'react';
+import '@/style/components/Skeleton.scss';
+
+import { randomNumber } from '@/utils';
+
+/**
+ * Skeleton component.
+ */
+export function Skeleton({
+  Tag = 'span',
+  minWidth = 40,
+  maxWidth = 100,
+  children,
+}) {
+  const randomWidth = useMemo(
+    () => randomNumber(minWidth, maxWidth),
+    [minWidth, maxWidth],
+  );
+  return (
+    <Tag
+      className={'skeleton'}
+      style={{ width: `${randomWidth}%` }}
+      children={children}
+    />
+  );
+}