@chayns-components/core/lib/esm/components/tooltip/tooltip-item/TooltipItem.styles.js

A set of beautiful React components for developing your own applications with chayns.

import styled, { css } from 'styled-components';
export const StyledTooltipItem = styled.div`
    padding: 5px;

    width: ${({
  $width
}) => $width ? `${$width}px` : '100%'};

    ${({
  $maxWidth
}) => $maxWidth && css`
            max-width: ${$maxWidth}px;
        `}

    ${({
  $width
}) => $width && css`
            width: ${$width};
        `}
`;
export const StyledTooltipItemHeadline = styled.h5`
    color: ${({
  theme
}) => 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: ${({
  theme
}) => theme.text};

    word-break: break-word;
    overflow-wrap: anywhere;
    width: 100%;
`;
//# sourceMappingURL=TooltipItem.styles.js.map