@navinc/base-react-components/src/_deprecated/icon-list/index.js

Nav's Pattern Library

import { IconListContainer } from './parts/icon-list-container.js'
import { ListItem } from './parts/list-item.js'
import { IconContainer } from './parts/icon-container.js'
import { Copy } from '../../copy.js'

export const IconList = (props) => {
  const { data } = props

  if (!data || data.constructor !== Array) return null

  return (
    <IconListContainer>
      {data.map((item, index) => {
        return (
          <ListItem key={index}>
            {item.icon && (
              <IconContainer>
                <img src={item.icon} alt={item.icon} />
              </IconContainer>
            )}
            <Copy>
              {item.boldCopy && <strong>{item.boldCopy}</strong>} {item.copy}
            </Copy>
          </ListItem>
        )
      })}
    </IconListContainer>
  )
}