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

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

import styled, { css } from 'styled-components';
export const StyledTooltip = styled.div``;
export const StyledTooltipChildren = styled.div`
    display: flex;

    ${({
  $shouldUseChildrenWidth
}) => $shouldUseChildrenWidth && css`
            width: fit-content;
        `}

    ${({
  $shouldUseFullWidth
}) => $shouldUseFullWidth && css`
            width: 100%;
        `};

    ${({
  $isOnlyText,
  theme
}) => $isOnlyText && css`
            line-height: normal;

            border-bottom-width: 1px;
            border-bottom-style: dotted;
            border-bottom-color: ${theme.text};
        `}
`;
//# sourceMappingURL=Tooltip.styles.js.map