zmp-ui
Version:
Zalo Mini App framework
46 lines • 1.95 kB
JavaScript
import React from "react";
import App from ".";
import Button from "../button";
import Text from "../text";
import Icon from "../icon";
import Cluster from "../cluster";
var meta = {
title: "Layout/App",
component: App,
tags: ["autodocs"],
argTypes: {
theme: {
control: {
type: "radio"
},
options: ["light", "dark"]
}
}
};
export default meta;
export var LightTheme = {
name: "Mặc định",
args: {
theme: "light",
children: /*#__PURE__*/React.createElement(Cluster, {
space: "16px"
}, /*#__PURE__*/React.createElement(Text.Title, null, "Ch\xE0o m\u1EEBng b\u1EA1n \u0111\u1EBFn v\u1EDBi Zalo Mini App"), /*#__PURE__*/React.createElement(Text, null, "Zalo Mini App l\xE0 nh\u1EEFng \u201C\u1EE9ng d\u1EE5ng nh\u1ECF\u201D ch\u1EA1y tr\u1EF1c ti\u1EBFp tr\xEAn n\u1EC1n t\u1EA3ng Zalo, t\u1EADn d\u1EE5ng ngu\u1ED3n t\xE0i nguy\xEAn c\xF3 s\u1EB5n v\u1EDBi ti\u1EC1m n\u0103ng kh\xF4ng gi\u1EDBi h\u1EA1n t\u1EEB Zalo."), /*#__PURE__*/React.createElement(Button, {
suffixIcon: /*#__PURE__*/React.createElement(Icon, {
icon: "zi-arrow-right"
})
}, "Ti\u1EBFp t\u1EE5c"))
}
};
export var DarkTheme = {
name: "Giao diện tối",
args: {
theme: "dark",
children: /*#__PURE__*/React.createElement(Cluster, {
space: "16px"
}, /*#__PURE__*/React.createElement(Text.Title, null, "Ch\xE0o m\u1EEBng b\u1EA1n \u0111\u1EBFn v\u1EDBi Zalo Mini App"), /*#__PURE__*/React.createElement(Text, null, "Zalo Mini App l\xE0 nh\u1EEFng \u201C\u1EE9ng d\u1EE5ng nh\u1ECF\u201D ch\u1EA1y tr\u1EF1c ti\u1EBFp tr\xEAn n\u1EC1n t\u1EA3ng Zalo, t\u1EADn d\u1EE5ng ngu\u1ED3n t\xE0i nguy\xEAn c\xF3 s\u1EB5n v\u1EDBi ti\u1EC1m n\u0103ng kh\xF4ng gi\u1EDBi h\u1EA1n t\u1EEB Zalo."), /*#__PURE__*/React.createElement(Button, {
suffixIcon: /*#__PURE__*/React.createElement(Icon, {
icon: "zi-arrow-right"
})
}, "Ti\u1EBFp t\u1EE5c"))
}
};