import { styled } from 'styleh-components';
import { media } from '@skava/styleh-toolset';
import { FlatButton, FlagIcon as BaseFlagIcon } from '@skava/packages/ui';
export const StyledFlatButton = styled(FlatButton) ``;
// can't haz button inside button
export const StyledLanguageInNative = styled.span ``;
export const FlagIcon = styled(BaseFlagIcon) ``;
export const NativeLang = styled.div `
  color: var(--color-dark-grey);
  margin: 0 var(--spacing-small);
  display: inline-flex;
`;
export const Country = styled.span ``;
export const StyledItemWrap = styled.div `
  color: var(--color-blue);
  margin: var(--spacing-medium) 0;
  cursor: pointer;
  display: flex;
  flex-flow: row;
  align-items: center;
`;
export const StyledLanguageWrapper = styled.div `
  display: flex;
  flex-direction: row;
  align-items: center;
`;
export const ItemWrap = styled.div `
  color: var(--color-blue);
  margin: var(--spacing-medium) 0;
  cursor: pointer;
  display: flex;
  flex-flow: row;
  align-items: center;
`;
/**
 * @todo unused `.language`? remove `.language`
 */
export const ListWrap = styled.div `
  display: flex;
  align-items: start;
  flex-direction: column;
  width: 390px;
  align-items: stretch;
  padding: 0 rem(42) rem(37) rem(42);
  .language {
    display: flex;
    align-items: center;
    flex: 1;
  }
  ${media.phoneOrSmaller `
    width: 100%;
    padding-left: 0;
  `}
`;
//# sourceMappingURL=styled.js.map