"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.SizeList = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject;

var SizeList = function SizeList(_ref) {
  var data = _ref.data,
      placeholder = _ref.placeholder,
      sizes = _ref.sizes;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Size, {
    value: "",
    selected: true,
    disabled: true,
    hidden: true
  }, placeholder), data.map(function (sizeId) {
    return /*#__PURE__*/_react["default"].createElement(Size, {
      key: "size__" + sizeId,
      value: sizeId
    }, "Size ", sizes[sizeId].label);
  }));
};

exports.SizeList = SizeList;

var Size = _styledComponents["default"].option.attrs({
  className: 'py-3 my-3'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])([""])));
//# sourceMappingURL=index.js.map