wip: initial ui done

client/app/components/rewind/RewindStatText.tsx

@@ -0,0 +1,32 @@
+interface Props {
+  figure: string;
+  text: string;
+}
+
+export default function RewindStatText(props: Props) {
+  return (
+    <div className="flex items-baseline gap-1.5">
+      <div className="w-20 text-end shrink-0">
+        <span
+          className="
+            relative inline-block
+            text-2xl font-semibold
+          "
+        >
+          <span
+            className="
+              absolute inset-0
+              -translate-x-2 translate-y-8
+              bg-(--color-primary)
+              z-0
+              h-1
+            "
+            aria-hidden
+          />
+          <span className="relative z-1">{props.figure}</span>
+        </span>
+      </div>
+      <span className="text-sm">{props.text}</span>
+    </div>
+  );
+}