"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Form = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react = _interopRequireDefault(require("react"));
var _Emotion = require("@skbkontur/react-ui/lib/theming/Emotion");var _excluded = ["children", "className"],_excluded2 = ["children", "className"],_excluded3 = ["children", "className"],_excluded4 = ["children", "className"],_excluded5 = ["children", "className"],_excluded6 = ["children", "className"];var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;

var line = (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  display: flex;\n  align-items: baseline;\n  margin-bottom: 10px;\n"])));





var title = (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n  box-sizing: border-box;\n  margin-right: 10px;\n  width: 150px;\n  text-align: right;\n"])));






var content = (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n  display: inline-flex;\n"])));



var formLineBreak = (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n  height: 20px;\n"])));



var actionsBar = (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n  margin-top: 10px;\n  padding-left: 160px;\n"])));




var formWrapper = (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));






var FormLine = function FormLine(_ref) {var children = _ref.children,className = _ref.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
  return /*#__PURE__*/(
    _react.default.createElement("div", (0, _extends2.default)({ className: (0, _Emotion.css)(line, className) }, rest),
    children
    ));

};

var Line = function Line(_ref2) {var children = _ref2.children,className = _ref2.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
  return /*#__PURE__*/(
    _react.default.createElement("div", (0, _extends2.default)({ className: (0, _Emotion.css)(line, className) }, rest),
    children
    ));

};

var Title = function Title(_ref3) {var children = _ref3.children,className = _ref3.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded3);
  return /*#__PURE__*/(
    _react.default.createElement("span", (0, _extends2.default)({ className: (0, _Emotion.css)(title, className) }, rest),
    children
    ));

};

var Content = function Content(_ref4) {var children = _ref4.children,className = _ref4.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref4, _excluded4);
  return /*#__PURE__*/(
    _react.default.createElement("span", (0, _extends2.default)({ className: (0, _Emotion.css)(content, className) }, rest),
    children
    ));

};

var LineBreak = function LineBreak(_ref5) {var children = _ref5.children,className = _ref5.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref5, _excluded5);
  return /*#__PURE__*/(
    _react.default.createElement("div", (0, _extends2.default)({ className: (0, _Emotion.css)(formLineBreak, className) }, rest),
    children
    ));

};

var ActionsBar = function ActionsBar(_ref6) {var children = _ref6.children,className = _ref6.className,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref6, _excluded6);
  return /*#__PURE__*/(
    _react.default.createElement("div", (0, _extends2.default)({ className: (0, _Emotion.css)(actionsBar, className) }, rest),
    children
    ));

};var

Form = exports.Form = /*#__PURE__*/function (_React$Component) {function Form() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(Form, _React$Component);var _proto = Form.prototype;_proto.







  render = function render() {
    return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.css)(formWrapper, this.props.className) }, this.props.children);
  };return Form;}(_react.default.Component);Form.Line = Line;Form.LineBreak = LineBreak;Form.ActionsBar = ActionsBar;Form.FormLine = FormLine;Form.Title = Title;Form.Content = Content;