@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
JavaScript
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;