jobiqo-cl/lib/src/components/02-atoms/01-forms/05-select/search/sub-elements/sub-elements.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

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

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var styled = require('styled-components');
var styled__default = _interopDefault(styled);

const Item = styled__default.div `
  font-size: ${props => props.theme.select.fontSize};
  margin: ${props => props.theme.select.margin};
  padding: ${props => props.theme.select.padding};
  border-radius: ${props => props.theme.select.borderRadius};
  border-width: ${props => props.theme.select.borderWidth};
  border-style: ${props => props.theme.select.borderStyle};
  border-color: ${props => props.theme.select.borderColor};
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  border-top: none;
  text-transform: none;
  box-shadow: none;
  white-space: normal;
  word-wrap: normal;
  ${({ isActive, theme }) => isActive && `background: ${theme.select.item.backgroundHover};`}
  ${({ isOpen }) => isOpen && `font-weight: 700;`};
`;
const Menu = styled__default.div `
  position: absolute;
  z-index: 2;
  width: 100%;
  background: ${props => props.theme.select.dropMenu.background};
  max-height: ${props => props.theme.select.dropMenu.maxHeight};
  border-right-width: ${props => props.theme.select.dropMenu.borderWidth};
  border-bottom-width: ${props => props.theme.select.dropMenu.borderWidth};
  border-left-width: ${props => props.theme.select.dropMenu.borderWidth};
  border-radius: ${props => props.theme.select.dropMenu.borderRadius};
  border-color: ${props => props.theme.select.dropMenu.borderColor};
  box-shadow: ${props => props.theme.select.dropMenu.boxShadow};
  border-top-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  transition: opacity 0.1s ease;
  border-style: solid;
`;

exports.Item = Item;
exports.Menu = Menu;