import { selectors } from '@defencedigital/design-tokens';
import styled from 'styled-components';
import { FloatingBox } from '../../../primitives';
import { StyledArrow } from '../../../primitives/FloatingBox/partials/StyledArrow';
import { StyledContent } from '../../../primitives/FloatingBox/partials/StyledContent';
var color = selectors.color;
export var StyledFloatingBox = styled(FloatingBox).withConfig({
  displayName: "StyledFloatingBox",
  componentId: "sc-1g4poms-0"
})(["padding:0;", "{display:none;}", "{border:none;border-radius:15px;box-shadow:0 0 0 3px ", ",0 0 0 6px ", ",0 2px 22px rgba(0,0,0,0.2);}"], StyledArrow, StyledContent, color('action', '500'), color('action', '100'));