@helpscout/hsds-react/components/Modal/Modal.ActionFooter.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.PrimaryButtonUI = exports.SecondaryAlertButtonUI = exports.SecondaryButtonUI = exports.CancelButtonUI = exports.ActionFooterUI = void 0;

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

var _Button = _interopRequireDefault(require("../Button"));

var _Toolbar = _interopRequireDefault(require("../Toolbar"));

var _color = require("../../styles/utilities/color");

var ActionFooterUI = (0, _styledComponents.default)(_Toolbar.default).withConfig({
  displayName: "ModalActionFootercss__ActionFooterUI",
  componentId: "th8j2f-0"
})(["border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#748494;&.is-theme-default{background-color:#f7f9fc;height:80px;padding:20px 30px;&.is-danger{background-color:", ";}&.is-alert{background-color:white;justify-content:center;margin:auto;border:none;min-height:40px;}}"], (0, _color.getColor)('grey', 200));
exports.ActionFooterUI = ActionFooterUI;
var CancelButtonUI = (0, _styledComponents.default)(_Button.default).withConfig({
  displayName: "ModalActionFootercss__CancelButtonUI",
  componentId: "th8j2f-1"
})(["margin-right:auto;&.is-theme-grey{--buttonFontWeight:normal;}"]);
exports.CancelButtonUI = CancelButtonUI;
var SecondaryButtonUI = (0, _styledComponents.default)(_Button.default).withConfig({
  displayName: "ModalActionFootercss__SecondaryButtonUI",
  componentId: "th8j2f-2"
})(["margin-left:auto !important;"]);
exports.SecondaryButtonUI = SecondaryButtonUI;
var SecondaryAlertButtonUI = (0, _styledComponents.default)(_Button.default).withConfig({
  displayName: "ModalActionFootercss__SecondaryAlertButtonUI",
  componentId: "th8j2f-3"
})(["margin-left:0px !important;"]);
exports.SecondaryAlertButtonUI = SecondaryAlertButtonUI;
var PrimaryButtonUI = (0, _styledComponents.default)(_Button.default).withConfig({
  displayName: "ModalActionFootercss__PrimaryButtonUI",
  componentId: "th8j2f-4"
})(["margin-left:10px;"]);
exports.PrimaryButtonUI = PrimaryButtonUI;
var _default = ActionFooterUI;
exports.default = _default;