import styled from 'styled-components';

export const Tooltip = styled.div`
  visibility: hidden;
  position: absolute;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 4px;
  padding: 5px;
  z-index: 1;
  font-size: 0.5rem;
  white-space: nowrap;

  /* Positioning */
  top: -20px; /* Adjust based on where you want the tooltip to appear */
  left: 50%;
  transform: translateX(-50%);
`;
