'use strict';

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

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _FlowItemContent = require('./FlowItemContent');

var _FlowItemContent2 = _interopRequireDefault(_FlowItemContent);

var _FlowItemFlexibleContent = require('./FlowItemFlexibleContent');

var _FlowItemFlexibleContent2 = _interopRequireDefault(_FlowItemFlexibleContent);

var _FlowItemMoreContent = require('./FlowItemMoreContent');

var _FlowItemMoreContent2 = _interopRequireDefault(_FlowItemMoreContent);

var _constants = require('../constants');

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

var FlowItemContainer = _styledComponents2.default.div.withConfig({
  displayName: 'FlowItemContainer'
}).withConfig({
  displayName: 'FlowItemContainer'
})(['display:flex;flex-direction:column;font-size:1em;align-items:', ';& > .FlowItem-label{height:', ';margin:0 0 5.6px 0;overflow-x:hidden;flex-basis:', ';flex-grow:0;flex-shrink:0;padding:0;}& > ', '{height:', ';flex-grow:0;flex-shrink:0;display:flex;& > *{margin:auto;}& > *:not(:last-child):not(:only-child){margin-right:', ';}}& > ', '{height:auto;flex-basis:', ';flex-grow:1;flex-shrink:0;}& > .FlowItem-helpText{min-height:', ';margin:5.6px 0 0 0;flex-basis:', ';flex-grow:1;flex-shrink:0;padding:0;}& > ', '{flex:1 0 0;}'], function (_ref) {
  var alignment = _ref.alignment;

  switch (alignment) {
    case 'left':
      return 'flex-start';
    case 'right':
      return 'flex-end';
    default:
      return 'stretch';
  }
}, _constants.LABEL_HEIGHT, _constants.LABEL_HEIGHT, _FlowItemContent2.default, _constants.MIN_CONTENT_HEIGHT, _constants.HORIZONTAL_CONTENT_SPACING, _FlowItemFlexibleContent2.default, _constants.MIN_CONTENT_HEIGHT, _constants.MIN_HELP_TEXT_HEIGHT, _constants.MIN_HELP_TEXT_HEIGHT, _FlowItemMoreContent2.default);

FlowItemContainer.Small = (0, _styledComponents2.default)(FlowItemContainer).withConfig({
  displayName: 'FlowItemContainer__Small'
})(['font-size:0.75em;& > .FlowItem-label{height:auto;margin:0;}& > ', '{height:20px;}& > ', '{flex-basis:20px;}& > .FlowItem-helpText{min-height:14px;margin:0;}'], _FlowItemContent2.default, _FlowItemFlexibleContent2.default);

exports.default = FlowItemContainer;