UNPKG

@kiwicom/orbit-components

Version:

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

32 lines (30 loc) 1.01 kB
import * as React from "react"; import styled from "styled-components"; import defaultTokens from "../../defaultTokens"; import CircleSmall from "../../icons/CircleSmall"; export const Item = styled.li.withConfig({ displayName: "ListItem__Item", componentId: "sc-1vswvev-0" })(["display:flex;flex-direction:row;align-items:flex-start;margin-bottom:", ";&:last-child,&:last-of-type{margin:0;}"], ({ theme }) => theme.orbit.spaceXXSmall); Item.defaultProps = { theme: defaultTokens }; export const IconContainer = styled.div.withConfig({ displayName: "ListItem__IconContainer", componentId: "sc-1vswvev-1" })(["display:flex;align-items:center;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;