import { styled } from 'styled-components';
import { tokens } from '~/tokens';
import { convertLegacyUnitValue } from '~/utilities/legacy-units';
export const DropdownContainer = styled.div `
  background-color: ${tokens.global.bg.elevated.default};
  border-radius: ${tokens.global.radius.md};
  box-shadow: ${tokens.global.boxShadow.mid};
  overflow: ${(props) => (props.hideOverflow ? 'hidden' : 'auto')};
  position: absolute;
  max-height: ${(props) => typeof props.maxHeight === 'number' ? convertLegacyUnitValue(props.maxHeight) : props.maxHeight};
  isolation: isolate;
  z-index: ${tokens.global.layer.z12};
  width: ${(props) => (typeof props.width === 'number' ? convertLegacyUnitValue(props.width) : props.width)};
`;
//# sourceMappingURL=DropdownContainer.jsx.map