@crave/farmblocks-empty-state/lib/Buttons.js

Farmblocks empty state

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";
import { space, flexbox } from "styled-system";
import Button from "@crave/farmblocks-button";
export const Wrapper = styled.div.withConfig({
  displayName: "Buttons__Wrapper",
  componentId: "sc-olmalu-0"
})(["display:flex;width:100%;> *{margin:4px;}", ";", ";"], flexbox, space);

const Buttons = ({
  actions
}) => {
  if (!(actions !== null && actions !== void 0 && actions.length)) {
    return null;
  }

  return /*#__PURE__*/React.createElement(Wrapper, {
    className: "buttons",
    flexDirection: ["column", "row"],
    mt: 2,
    justifyContent: "center"
  }, actions.map(buttonProps => /*#__PURE__*/React.createElement(Button, _extends({
    key: `empty-state-button-${buttonProps.text}`,
    "data-testid": `empty-state-button-${buttonProps.text}`
  }, buttonProps, {
    small: buttonProps.small
  }))));
};

Buttons.propTypes = {
  actions: PropTypes.array
};
export default Buttons;