interface ShoppingListProps {
items: Item[]
}
const ShoppingList: Component<ShoppingListProps> = (props) => (
<TransitionGroup name="group-item">
<For each={props.items}>
{(item, i) => (
<ShoppingListItem
isOnly={props.items.length === 1}
isLast={i() === props.items.length - 1}
{...item}
/>
)}
</For>
</TransitionGroup>
)
interface ShoppingListProps {
items: Item[]
}
const ShoppingList: Component<ShoppingListProps> = (props) => (
<TransitionGroup name="group-item">
<For each={props.items}>
{(item, i) => (
<ShoppingListItem
isOnly={props.items.length === 1}
isLast={i() === props.items.length - 1}
{...item}
/>
)}
</For>
</TransitionGroup>
)