creevey/lib/client/shared/components/PageFooter/PageFooter.js

Cross-browser screenshot testing tool for Storybook with fancy UI Runner

"use strict";

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

var _react = _interopRequireDefault(require("react"));

var _Paging = require("./Paging");

var _theming = require("@storybook/theming");

var _components = require("@storybook/components");

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

var Container = (0, _theming.withTheme)(_theming.styled.div(function (_ref) {
  var theme = _ref.theme;
  return {
    display: 'flex',
    padding: '20px',
    justifyContent: 'space-between',
    background: theme.background.content
  };
}));
var StyledButton = (0, _theming.styled)(_components.Button)({
  transform: 'none'
});

function PageFooter(_ref2) {
  var canApprove = _ref2.canApprove,
      retriesCount = _ref2.retriesCount,
      retry = _ref2.retry,
      onRetryChange = _ref2.onRetryChange,
      onApprove = _ref2.onApprove;
  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Paging.Paging, {
    activePage: retry,
    onPageChange: onRetryChange,
    pagesCount: retriesCount
  }), canApprove ? /*#__PURE__*/_react.default.createElement(StyledButton, {
    secondary: true,
    outline: true,
    onClick: onApprove
  }, 'Approve') : null);
}