import styled from 'styled-components/macro'

type TProps = {
  top?: number,
}

export const TooltipWrapper = styled.div<TProps>`
  background-color: #fff;
  padding: 0 6px;
  position: fixed;
  top: ${({ top }) => top && `${top - 4}px`};
  left: 4.2rem;
  border-radius: 6px;
  z-index: 5;
  line-height: 1.0625rem;
  color: #000;
  font-weight: 400;
  font-size: 0.6875rem;
  white-space: nowrap;
`
