@multiplay/ui/dist/atoms/grid/row/index.js

UI kit for Unity and Multiplay applications

'use strict';

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

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _propTypes = require('prop-types');

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

var Row = _styledComponents2.default.div.withConfig({
  displayName: 'row__Row',
  componentId: 'sc-1514ywt-0'
})(['display:flex;width:100%;flex:', ';flex-direction:', ';flex-wrap:', ';align-items:', ';justify-content:', ';padding:', ';'], function (props) {
  return props.flex;
}, function (props) {
  return props.flexDirection;
}, function (props) {
  return props.flexWrap;
}, function (props) {
  return props.alignItems;
}, function (props) {
  return props.justifyContent;
}, function (props) {
  return props.padding;
});

Row.defaultProps = {
  flexDirection: 'row',
  alignItems: 'flex-start',
  justifyContent: 'flex-start',
  flexWrap: 'wrap',
  padding: '0 0 0 0',
  flex: '0 1 auto'
};

Row.propTypes = {
  flex: _propTypes.PropTypes.string,
  flexDirection: _propTypes.PropTypes.oneOf(['row', 'row-reverse', 'column', 'column-reverse']),
  flexWrap: _propTypes.PropTypes.oneOf(['wrap', 'no-wrap', 'wrap-reverse']),
  alignItems: _propTypes.PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'unset']),
  justifyContent: _propTypes.PropTypes.oneOf(['space-between', 'center', 'flex-start', 'flex-end']),
  padding: _propTypes.PropTypes.string
};

exports.default = Row;