@wener/console
Version:
Base console UI toolkit
81 lines (80 loc) • 2.63 kB
JavaScript
import React from "react";
import { BiError } from "react-icons/bi";
import { GrDocumentMissing } from "react-icons/gr";
import { NonIdealPage } from "./NonIdealPage.js";
var meta = {
title: "pages/NonIdealPage",
component: NonIdealPage.Layout,
parameters: {
layout: "fullscreen"
},
tags: [
"autodocs"
],
decorators: [
function (Story) {
return /*#__PURE__*/ React.createElement("div", {
className: "h-screen"
}, /*#__PURE__*/ React.createElement(Story, null));
}
]
};
export default meta;
export var Default = {
args: {
icon: /*#__PURE__*/ React.createElement(GrDocumentMissing, {
className: "h-12 w-12"
}),
title: "\u9875\u9762\u4E0D\u5B58\u5728",
description: "\u5F53\u524D\u9875\u9762\u5730\u5740\u4E0D\u5B58\u5728\u6216\u5DF2\u88AB\u79FB\u9664"
}
};
export var WithCustomAction = {
args: {
icon: /*#__PURE__*/ React.createElement(BiError, {
className: "h-12 w-12"
}),
title: "\u53D1\u751F\u9519\u8BEF",
description: "\u9875\u9762\u52A0\u8F7D\u65F6\u53D1\u751F\u9519\u8BEF",
action: /*#__PURE__*/ React.createElement("div", {
className: "flex gap-2"
}, /*#__PURE__*/ React.createElement("button", {
className: "btn btn-sm"
}, "\u91CD\u8BD5"), /*#__PURE__*/ React.createElement("button", {
className: "btn btn-sm btn-outline"
}, "\u8FD4\u56DE"))
}
};
export var PageNotFoundStory = {
render: function () {
return /*#__PURE__*/ React.createElement(NonIdealPage.PageNotFound, null);
}
};
export var ServerErrorStory = {
render: function () {
return /*#__PURE__*/ React.createElement(NonIdealPage.ServerError, {
statusCode: "500"
});
}
};
export var ServerErrorWithCustomStatus = {
render: function () {
return /*#__PURE__*/ React.createElement(NonIdealPage.ServerError, {
statusCode: "503"
});
}
};
export var LayoutWithChildren = {
args: {
icon: /*#__PURE__*/ React.createElement(GrDocumentMissing, {
className: "h-12 w-12"
}),
title: "\u9875\u9762\u4E0D\u5B58\u5728",
description: "\u5F53\u524D\u9875\u9762\u5730\u5740\u4E0D\u5B58\u5728\u6216\u5DF2\u88AB\u79FB\u9664",
children: /*#__PURE__*/ React.createElement("div", {
className: "mt-4"
}, /*#__PURE__*/ React.createElement("small", {
className: "text-gray-500"
}, "Additional information can go here"))
}
};