storybook-addon-markuplint-proto/dist/esm/components/PanelContent.js

Prototype of unofficial markuplint Storybook addon

import { Placeholder, TabsState } from "@storybook/components";
import { convert, themes } from "@storybook/theming";
import React, { Fragment } from "react";
import { List } from "./List";

/**
 * Checkout https://github.com/storybookjs/storybook/blob/next/addons/jest/src/components/Panel.tsx
 * for a real world example
 */
export var PanelContent = function PanelContent(_ref) {
  var results = _ref.results;
  return /*#__PURE__*/React.createElement(TabsState, {
    initial: "overview",
    backgroundColor: convert(themes.normal).background.hoverable
  }, /*#__PURE__*/React.createElement("div", {
    id: "overview",
    title: "Overview",
    color: convert(themes.normal).color.positive
  }, /*#__PURE__*/React.createElement(Placeholder, null, /*#__PURE__*/React.createElement(Fragment, null, "Story\u4E0A\u3067markuplint\u3092\u5B9F\u884C\u3067\u304D\u307E\u3059\u3002parameters\u304B\u3089\u8A2D\u5B9A\u304C\u5909\u66F4\u53EF\u80FD\u3067\u3059"))), /*#__PURE__*/React.createElement("div", {
    id: "danger",
    title: "".concat(results.danger.length, " Danger"),
    color: convert(themes.normal).color.negative
  }, /*#__PURE__*/React.createElement(List, {
    items: results.danger
  })), /*#__PURE__*/React.createElement("div", {
    id: "warning",
    title: "".concat(results.warning.length, " Warning"),
    color: convert(themes.normal).color.warning
  }, /*#__PURE__*/React.createElement(List, {
    items: results.warning
  })));
};