'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var styled = require('styled-components');
var index = require('../../../utils/index.js');
var styles = require('../textField/styles.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

const IconWrapper = styled__default['default'](styles.Prefix) `
  margin-left: 16px;
  padding: 0;
  svg {
    fill: ${index.getColorAlias('contentSubdued')};
  }
`;
const CloseWrapper = styled__default['default'](styles.Sufix) `
  display: flex;
  justify-content: flex-end;
  margin-right: 16px;
  padding: 0;
  align-self: center;
  bottom: 20px;
  right: 0;
  width: 15%;

  svg {
    fill: ${index.getColorAlias('contentSubdued')};
    &:hover {
      cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
    }
  }
`;
const Input = styled__default['default'](styles.TextFieldInput) `
  width: calc(100% - 16px);
  padding-right: 0;
  border: unset;
`;
const InputWrapper = styled__default['default'].div `
  width: 100%;
`;
const ItemValue = styled__default['default'].span ``;
const NoResultsText = styled__default['default'].span `
  display: flex;
  align-items: center;
  padding: 12px 16px;
  color: ${index.getColorAlias('contentDefault')};
  font-weight: ${(props) => props.theme.font.weightRegular};
  font-family: ${(props) => props.theme.font.familyPrimary};
  ${index.getFontSize('size16')};
  background: ${index.getColorAlias('containerDefault')};
`;

exports.CloseWrapper = CloseWrapper;
exports.IconWrapper = IconWrapper;
exports.Input = Input;
exports.InputWrapper = InputWrapper;
exports.ItemValue = ItemValue;
exports.NoResultsText = NoResultsText;
