vue-styleguidist/lib/client/rsg-components/slots/IsolateButton.js

Vue components style guide generator

import "core-js/modules/es.function.name.js";
import "core-js/modules/es.array.concat.js";
import React from 'react';
import PropTypes from 'prop-types';
import { MdFullscreen, MdFullscreenExit } from 'react-icons/md';
import ToolbarButton from 'rsg-components/ToolbarButton';
import getUrl from 'react-styleguidist/lib/client/utils/getUrl';
var IsolateButton = function IsolateButton(_ref) {
  var name = _ref.name,
    example = _ref.example,
    isolated = _ref.isolated;
  var testID = example ? "".concat(name, "-").concat(example, "-isolate-button") : "".concat(name, "-isolate-button");
  return isolated ? /*#__PURE__*/React.createElement(ToolbarButton, {
    href: getUrl({
      anchor: true,
      slug: name.toLowerCase()
    }),
    title: "Show all components",
    testId: testID
  }, /*#__PURE__*/React.createElement(MdFullscreenExit, null)) : /*#__PURE__*/React.createElement(ToolbarButton, {
    href: getUrl({
      name: name,
      example: example,
      isolated: true
    }),
    title: "Open isolated",
    testId: testID
  }, /*#__PURE__*/React.createElement(MdFullscreen, null));
};
IsolateButton.propTypes = {
  name: PropTypes.string.isRequired,
  example: PropTypes.number,
  isolated: PropTypes.bool
};
export default IsolateButton;