18 lines
511 B
TypeScript
18 lines
511 B
TypeScript
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;
|