@primer/react/lib/Blankslate/Blankslate.js

An implementation of GitHub's Primer Design System using React

'use strict';

var clsx = require('clsx');
var React = require('react');
require('../Button/ButtonBase.js');
require('../utils/defaultSxProp.js');
var Button = require('../Button/Button.js');
require('../TooltipV2/Tooltip.js');
require('../Tooltip/Tooltip.js');
var Link = require('../Link/Link.js');
var Blankslate_module = require('./Blankslate.module.css.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function Blankslate({
  border,
  children,
  narrow,
  spacious,
  className
}) {
  return /*#__PURE__*/React__default.default.createElement("div", {
    className: Blankslate_module.Container
  }, /*#__PURE__*/React__default.default.createElement("div", {
    className: clsx.clsx(Blankslate_module.Blankslate, className),
    "data-border": border,
    "data-narrow": narrow,
    "data-spacious": spacious
  }, children));
}
Blankslate.displayName = "Blankslate";
function Visual({
  children
}) {
  return /*#__PURE__*/React__default.default.createElement("span", {
    className: clsx.clsx('Blankslate-Visual', Blankslate_module.Visual)
  }, children);
}
Visual.displayName = "Visual";
function Heading({
  as: Component = 'h2',
  children
}) {
  return /*#__PURE__*/React__default.default.createElement(Component, {
    className: clsx.clsx('Blankslate-Heading', Blankslate_module.Heading)
  }, children);
}
Heading.displayName = "Heading";
function Description({
  children
}) {
  return /*#__PURE__*/React__default.default.createElement("p", {
    className: clsx.clsx('Blankslate-Description', Blankslate_module.Description)
  }, children);
}
Description.displayName = "Description";
function PrimaryAction({
  children,
  href,
  ...props
}) {
  return /*#__PURE__*/React__default.default.createElement("div", {
    className: clsx.clsx('Blankslate-Action', Blankslate_module.Action)
  }, /*#__PURE__*/React__default.default.createElement(Button.ButtonComponent, _extends({}, props, {
    as: href ? 'a' : 'button',
    href: href,
    variant: "primary"
  }), children));
}
PrimaryAction.displayName = "PrimaryAction";
function SecondaryAction({
  children,
  href
}) {
  return /*#__PURE__*/React__default.default.createElement("div", {
    className: clsx.clsx('Blankslate-Action', Blankslate_module.Action)
  }, /*#__PURE__*/React__default.default.createElement(Link, {
    href: href
  }, children));
}
SecondaryAction.displayName = "SecondaryAction";
var Blankslate$1 = Object.assign(Blankslate, {
  Visual,
  Heading,
  Description,
  PrimaryAction,
  SecondaryAction
});

module.exports = Blankslate$1;