import styled from "styled-components";
import { currentTheme } from "../../theme";
export const Wrapper = styled.div `
  position: relative;
`;
export const Svg = styled.svg ``;
export const Tooltip = styled.div(({ pointer }) => `
  opacity: 0;
  position: absolute;
  background-color: rgba(255,255,255, 0.7);
  border: 2px solid ${currentTheme.colors.primary};
  border-radius: 4px;
  padding: 8px;
  pointer-events: none;

  p {
    margin: 0;
  }
  &.left:before {
    content: " ";
    position: absolute;
    border: 10px solid transparent;
    border-right-color: ${currentTheme.colors.primary};
    left: -20px;
  }

  &.right:before {
    content: " ";
    position: absolute;
    border: 10px solid transparent;
    border-left-color: ${currentTheme.colors.primary};
    right: -20px;
`);
//# sourceMappingURL=styled.js.map