@helpscout/hsds-react/components/Form/Form.Actions.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = exports.ActionsBlockUI = exports.ActionsItemUI = exports.ActionsUI = exports.config = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var config = {
  marginBottom: 20,
  marginTop: 30,
  spacing: 10
};
exports.config = config;

var ActionsUI = _styledComponents.default.div.withConfig({
  displayName: "FormActionscss__ActionsUI",
  componentId: "sc-1m6v8ao-0"
})(["display:flex;flex-direction:row-reverse;align-items:center;margin-left:-", "px;margin-right:-", "px;margin-bottom:", "px;margin-top:", "px;&.is-left{flex-direction:row;}&.is-right{flex-direction:row-reverse;}"], config.spacing, config.spacing, config.marginBottom, config.marginTop);

exports.ActionsUI = ActionsUI;

var ActionsItemUI = _styledComponents.default.div.withConfig({
  displayName: "FormActionscss__ActionsItemUI",
  componentId: "sc-1m6v8ao-1"
})(["min-width:0;margin:0 ", "px;"], config.spacing);

exports.ActionsItemUI = ActionsItemUI;

var ActionsBlockUI = _styledComponents.default.div.withConfig({
  displayName: "FormActionscss__ActionsBlockUI",
  componentId: "sc-1m6v8ao-2"
})(["flex:1;max-width:100%;min-width:0;"]);

exports.ActionsBlockUI = ActionsBlockUI;
var _default = ActionsUI;
exports.default = _default;