import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject;

import React from 'react';
import styled from 'styled-components';
export var SizeList = (_ref) => {
  var {
    data,
    placeholder,
    sizes
  } = _ref;
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Size, {
    value: "",
    selected: true,
    disabled: true,
    hidden: true
  }, placeholder), data.map(sizeId => {
    return /*#__PURE__*/React.createElement(Size, {
      key: "size__" + sizeId,
      value: sizeId
    }, "Size ", sizes[sizeId].label);
  }));
};
var Size = styled.option.attrs({
  className: 'py-3 my-3'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
//# sourceMappingURL=index.js.map