/*
Copyright (c) 2018-2019 Uber Technologies, Inc.

This source code is licensed under the MIT license found in the
LICENSE file in the root directory of this source tree.
*/
import { styled } from '../styles/index.js';
export const StyledRoot = styled('div', ({
  $theme
}) => ({
  display: 'flex',
  alignItems: 'center',
  color: $theme.colors.backgroundInv,
  ...$theme.typography.font350
}));
StyledRoot.displayName = "StyledRoot";
export const StyledMaxLabel = styled('span', ({
  $theme
}) => ({
  [$theme.direction === 'rtl' ? 'marginRight' : 'marginLeft']: $theme.sizing.scale300,
  [$theme.direction === 'rtl' ? 'marginLeft' : 'marginRight']: $theme.sizing.scale600
}));
StyledMaxLabel.displayName = "StyledMaxLabel";
export const StyledDropdownContainer = styled('div', ({
  $theme
}) => ({
  position: 'relative',
  [$theme.direction === 'rtl' ? 'marginRight' : 'marginLeft']: $theme.sizing.scale600,
  [$theme.direction === 'rtl' ? 'marginLeft' : 'marginRight']: $theme.sizing.scale300
}));
StyledDropdownContainer.displayName = "StyledDropdownContainer";