import SimpleItem from "./SimpleItem";

const SimpleItemList = ({simpleItems, onDelete, onModify}) => {
    return(
        <>
            {simpleItems.map((simpleItem) => (
                simpleItem &&
                <SimpleItem key={simpleItem.id}
                            item={simpleItem}
                            onDelete={onDelete}
                            onModify={onModify}
                />
            ))}
        </>
    )
}

export default SimpleItemList