"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PopupContainer = void 0;
const styled_1 = require("../../styled");
const mixins_1 = require("../../styled/mixins");
exports.PopupContainer = styled_1.styled.div `
  position: absolute;
  top: ${({ $topPosition }) => ($topPosition ? `${$topPosition}px` : '16px')};
  left: ${({ theme }) => `calc(100% - ${theme.spacing(1)})`};

  overflow: hidden;

  padding: ${({ theme }) => theme.spacing(1, 0)};

  background-color: ${({ theme }) => theme.palette.background.default};
  border-radius: ${({ theme }) => theme.shape.medium};
  box-shadow: ${({ theme }) => theme.elevation[200]};

  ${({ $isOpen }) => (0, mixins_1.fadeDropDownTransition)($isOpen)}

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
