@gssfed/vital-ui-kit-react/dist/Select/Droplist.js

Vital UI Kit for React!

var _templateObject = _taggedTemplateLiteral(['\n  display: block;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 7;\n  float: left;\n  width: 100%;\n  padding: 10px 0;\n  margin: 8px 0 0;\n  font-size: 1rem;\n  text-align: left;\n  list-style: none;\n  background-color: ', ';\n  background-clip: padding-box;\n  border: 1px solid ', ';\n  border-radius: 4px;\n'], ['\n  display: block;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 7;\n  float: left;\n  width: 100%;\n  padding: 10px 0;\n  margin: 8px 0 0;\n  font-size: 1rem;\n  text-align: left;\n  list-style: none;\n  background-color: ', ';\n  background-clip: padding-box;\n  border: 1px solid ', ';\n  border-radius: 4px;\n']);

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

import * as React from 'react';
import styled from 'styled-components';
import DroplistItem from './DroplistItem';

var Root = styled.ul(_templateObject, function (_ref) {
  var theme = _ref.theme;
  return theme.white;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.form.borderColor;
});

var Droplist = function Droplist(_ref3) {
  var items = _ref3.items,
      onClick = _ref3.onClick;
  return React.createElement(
    Root,
    null,
    items.map(function (item, i) {
      return React.createElement(DroplistItem, {
        key: item.id || i,
        onClick: onClick,
        item: item
      });
    })
  );
};

export default Droplist;