(function (global, factory) {
  if (typeof define === "function" && define.amd) {
    define(['exports', 'react', 'styled-components'], factory);
  } else if (typeof exports !== "undefined") {
    factory(exports, require('react'), require('styled-components'));
  } else {
    var mod = {
      exports: {}
    };
    factory(mod.exports, global.react, global.styledComponents);
    global.Label = mod.exports;
  }
})(this, function (exports, _react, _styledComponents) {
  'use strict';

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

  var _react2 = _interopRequireDefault(_react);

  var _styledComponents2 = _interopRequireDefault(_styledComponents);

  function _interopRequireDefault(obj) {
    return obj && obj.__esModule ? obj : {
      default: obj
    };
  }

  var _templateObject = _taggedTemplateLiteral(['\n  display: block;\n  margin-bottom: 0.26667rem;\n  cursor: pointer;\n  text-transform: uppercase;\n  font-size: 12px;\n  color: var(--px-input-label-text-color, #677e8c);\n  letter-spacing: var(--px-headings-letter-spacing, 0.3px);\n  ', '\n'], ['\n  display: block;\n  margin-bottom: 0.26667rem;\n  cursor: pointer;\n  text-transform: uppercase;\n  font-size: 12px;\n  color: var(--px-input-label-text-color, #677e8c);\n  letter-spacing: var(--px-headings-letter-spacing, 0.3px);\n  ', '\n']),
      _templateObject2 = _taggedTemplateLiteral(['\n    display: inline-block;\n    margin-bottom: 0;\n    + input {\n        margin-left: 0.66667rem;\n    }\n  '], ['\n    display: inline-block;\n    margin-bottom: 0;\n    + input {\n        margin-left: 0.66667rem;\n    }\n  ']);

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

  var Label = _styledComponents2.default.label(_templateObject, function (props) {
    return props.inline && (0, _styledComponents.css)(_templateObject2);
  });
  exports.default = Label;
});