first day of vibe coding

2026-04-20 22:11:18 +08:00
commit 1747fc489f
38 changed files with 15267 additions and 0 deletions
@@ -0,0 +1,36 @@
+type BadgeVariant = 'bullish' | 'bearish' | 'neutral' | 'long' | 'short' | 'x' | 'truth'
+
+interface BadgeProps {
+  variant: BadgeVariant
+  children?: React.ReactNode
+}
+
+const variantStyles: Record<BadgeVariant, string> = {
+  bullish: 'bg-[#0d2e1a] text-[#4ade80] border border-[#1a4a2a]',
+  bearish: 'bg-[#2e0d0d] text-[#ef4444] border border-[#4a1a1a]',
+  neutral: 'bg-[#141414] text-[#555555] border border-[#1e1e1e]',
+  long: 'bg-[#0d2e1a] text-[#4ade80] border border-[#1a4a2a]',
+  short: 'bg-[#2e0d0d] text-[#ef4444] border border-[#4a1a1a]',
+  x: 'bg-[#141414] text-white border border-[#222222]',
+  truth: 'bg-[#1a1a2e] text-[#818cf8] border border-[#2a2a4a]',
+}
+
+const variantLabels: Record<BadgeVariant, string> = {
+  bullish: 'Bullish',
+  bearish: 'Bearish',
+  neutral: 'Neutral',
+  long: 'Long',
+  short: 'Short',
+  x: 'X',
+  truth: 'Truth',
+}
+
+export default function Badge({ variant, children }: BadgeProps) {
+  return (
+    <span
+      className={`inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium ${variantStyles[variant]}`}
+    >
+      {children ?? variantLabels[variant]}
+    </span>
+  )
+}