function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: ", ";\n  flex-direction: ", ";\n  align-items: ", ";\n  flex-wrap: ", ";\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

import styled from 'styled-components';
import PropTypes from 'prop-types';
var Flex = styled.div(_templateObject(), function (_ref) {
  var justifyContent = _ref.justifyContent;
  return justifyContent;
}, function (_ref2) {
  var flexDirection = _ref2.flexDirection;
  return flexDirection;
}, function (_ref3) {
  var alignItems = _ref3.alignItems;
  return alignItems;
}, function (_ref4) {
  var flexWrap = _ref4.flexWrap;
  return flexWrap;
});
Flex.defaultProps = {
  justifyContent: 'normal',
  flexDirection: 'row',
  flexWrap: 'nowrap',
  alignItems: 'normal'
};
Flex.propTypes = {
  flexDirection: PropTypes.string,
  flexWrap: PropTypes.string,
  justifyContent: PropTypes.string
};
export default Flex;