Sid Gifari File Manager
🏠 Root
/
home
/
genremedia08
/
musicjukebox.overlookedtracks.com
/
resources
/
client
/
web-player
/
layout
/
Editing: bullet-separated-items.tsx
import React, {Children, Fragment, ReactNode} from 'react'; import clsx from 'clsx'; interface BulletSeparatedItemsProps { children: ReactNode; className?: string; } export function BulletSeparatedItems({ children, className, }: BulletSeparatedItemsProps) { const items = Children.toArray(children); return ( <div className={clsx('flex items-center gap-4', className)}> {items.map((child, index) => ( <Fragment key={index}> <div>{child}</div> {index < items.length - 1 ? <div>•</div> : null} </Fragment> ))} </div> ); }
Save
Cancel