import styled from 'styled-components';
import { TooltipContent } from './TooltipContent';
export var StyledSpan = styled.span.withConfig({
  displayName: "PopOverstyles__StyledSpan",
  componentId: "sc-gjz9xm-0"
})(["z-index:", ";", " &[data-popper-placement^='top']{padding-bottom:", "px;}&[data-popper-placement^='bottom']{padding-top:", "px;}&[data-popper-placement^='left']{padding-right:", "px;}&[data-popper-placement^='right']{padding-left:", "px;}"], function (p) {
  return p.$inModal ? p.theme.zIndex.overlayInModal : p.theme.zIndex.overlay;
}, function (p) {
  return p.$pointerEvents ? '' : 'pointer-events: none;';
}, function (p) {
  return p.theme.spacing.unit(3);
}, function (p) {
  return p.theme.spacing.unit(3);
}, function (p) {
  return p.theme.spacing.unit(3);
}, function (p) {
  return p.theme.spacing.unit(3);
});
export var StyledTooltipContent = styled(TooltipContent).withConfig({
  displayName: "PopOverstyles__StyledTooltipContent",
  componentId: "sc-gjz9xm-1"
})([""]);
export var bottomSheetStyles = {
  left: 0,
  bottom: 0,
  width: '100%',
  position: 'fixed',
  padding: 0,
  transform: 'none',
  display: 'block'
};
export var hideArrowStyles = {
  display: 'none'
};