add basic player view

2023-10-19 15:48:02 +01:00
parent 1e52ac3d93
commit ce7eb17242
9 changed files with 238 additions and 2 deletions
--- a/src/components/Label.tsx
+++ b/src/components/Label.tsx
@ -0,0 +1,16 @@
+type LabelProps = {
+  title: string;
+  value: string;
+};
+
+export default function Label({ title, value }: LabelProps) {
+  return (
+    <div className="flex flex-col justify-center rounded-md bg-neutral-700">
+      <div className="flex items-center gap-2 p-[0.3rem]">
+        <p>{title}</p>
+        <div className="h-4 w-[1px] bg-neutral-100"></div>
+        <p>{value}</p>
+      </div>
+    </div>
+  );
+}