Layout Demo

src/components/linkrow.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+
+const LinkRow: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  return (
+    <div className="w-full p-2 flex items-center justify-between gap-2 border-2 border-amber-500 rounded-full">
+      {React.Children.map(children, (child, index) => (
+        <>
+          {index > 0 && <div className="h-6 w-0.5 bg-amber-500" />}
+          <div key={index} className="px-2">
+            {child}
+          </div>
+        </>
+      ))}
+    </div>
+  );
+};
+
+export default LinkRow;