@kiwicom/orbit-components/es/List/ListItem/index.js

<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"

import * as React from "react";
import styled from "styled-components";

import defaultTokens from "../../defaultTokens";
import CircleSmall from "../../icons/CircleSmall";

export const Item = styled.div.withConfig({
  displayName: "ListItem__Item"
})(["display:flex;flex-direction:row;align-items:center;margin-bottom:", ";&:last-child,&:last-of-type{margin:0;}"], ({ theme }) => theme.orbit.spaceXXSmall);

Item.defaultProps = {
  theme: defaultTokens
};

const IconContainer = styled.div.withConfig({
  displayName: "ListItem__IconContainer"
})(["display:flex;margin-right:", ";"], ({ theme }) => theme.orbit.spaceXSmall);

IconContainer.defaultProps = {
  theme: defaultTokens
};

const ListItem = ({ children, icon = React.createElement(CircleSmall, null), dataTest }) => React.createElement(
  Item,
  { "data-test": dataTest },
  React.createElement(
    IconContainer,
    null,
    icon
  ),
  children
);

export default ListItem;