@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.
41 lines (39 loc) • 1.3 kB
JavaScript
import { css } from "styled-components";
export var resolveColor = function resolveColor(_ref) {
var error = _ref.error,
help = _ref.help,
theme = _ref.theme;
if (error) return theme.orbit.paletteRedNormal;
if (help) return theme.orbit.paletteBlueNormal;
return theme.orbit.paletteInkNormal;
};
var tooltipArrowStyle = function tooltipArrowStyle(_ref2) {
var position = _ref2.position,
theme = _ref2.theme,
error = _ref2.error,
help = _ref2.help;
var arrows = {
top: css(["border-width:7px 7px 0 7px;border-color:", " transparent transparent transparent;"], resolveColor({
theme: theme,
error: error,
help: help
})),
right: css(["border-width:7px 7px 7px 0;border-color:transparent ", " transparent transparent;"], resolveColor({
theme: theme,
error: error,
help: help
})),
left: css(["border-width:7px 0 7px 7px;border-color:transparent transparent transparent ", ";"], resolveColor({
theme: theme,
error: error,
help: help
})),
bottom: css(["border-width:0 7px 7px 7px;border-color:transparent transparent ", " transparent;"], resolveColor({
theme: theme,
error: error,
help: help
}))
};
return arrows[position];
};
export default tooltipArrowStyle;