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

    ${_ref => {
  let {
    $shouldUseChildrenWidth
  } = _ref;
  return $shouldUseChildrenWidth && css`
            width: fit-content;
        `;
}}

    ${_ref2 => {
  let {
    $shouldUseFullWidth
  } = _ref2;
  return $shouldUseFullWidth && css`
            width: 100%;
        `;
}};

    ${_ref3 => {
  let {
    $isOnlyText,
    theme
  } = _ref3;
  return $isOnlyText && css`
            line-height: normal;

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