@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
60 lines (55 loc) • 1.11 kB
JavaScript
import styled, { css } from 'styled-components';
export const StyledTooltipItem = styled.div`
padding: 5px;
width: ${_ref => {
let {
$width
} = _ref;
return $width ? `${$width}px` : '100%';
}};
${_ref2 => {
let {
$maxWidth
} = _ref2;
return $maxWidth && css`
max-width: ${$maxWidth}px;
`;
}}
${_ref3 => {
let {
$width
} = _ref3;
return $width && css`
width: ${$width};
`;
}}
`;
export const StyledTooltipItemHeadline = styled.h5`
color: ${_ref4 => {
let {
theme
} = _ref4;
return theme.headline;
}};
margin: 0;
word-break: break-word;
overflow-wrap: anywhere;
width: 100%;
`;
export const StyledTooltipItemImage = styled.img``;
export const StyledTooltipItemButtonWrapper = styled.div`
display: flex;
justify-content: center;
`;
export const StyledTooltipItemText = styled.p`
color: ${_ref5 => {
let {
theme
} = _ref5;
return theme.text;
}};
word-break: break-word;
overflow-wrap: anywhere;
width: 100%;
`;
//# sourceMappingURL=TooltipItem.styles.js.map