zmp-ui
Version:
Zalo Mini App framework
51 lines (50 loc) • 2.61 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = exports.LightTheme = exports.DarkTheme = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = _interopRequireDefault(require("."));
var _button = _interopRequireDefault(require("../button"));
var _text = _interopRequireDefault(require("../text"));
var _icon = _interopRequireDefault(require("../icon"));
var _cluster = _interopRequireDefault(require("../cluster"));
var meta = {
title: "Layout/App",
component: _["default"],
tags: ["autodocs"],
argTypes: {
theme: {
control: {
type: "radio"
},
options: ["light", "dark"]
}
}
};
var _default = exports["default"] = meta;
var LightTheme = exports.LightTheme = {
name: "Mặc định",
args: {
theme: "light",
children: /*#__PURE__*/_react["default"].createElement(_cluster["default"], {
space: "16px"
}, /*#__PURE__*/_react["default"].createElement(_text["default"].Title, null, "Ch\xE0o m\u1EEBng b\u1EA1n \u0111\u1EBFn v\u1EDBi Zalo Mini App"), /*#__PURE__*/_react["default"].createElement(_text["default"], 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["default"].createElement(_button["default"], {
suffixIcon: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
icon: "zi-arrow-right"
})
}, "Ti\u1EBFp t\u1EE5c"))
}
};
var DarkTheme = exports.DarkTheme = {
name: "Giao diện tối",
args: {
theme: "dark",
children: /*#__PURE__*/_react["default"].createElement(_cluster["default"], {
space: "16px"
}, /*#__PURE__*/_react["default"].createElement(_text["default"].Title, null, "Ch\xE0o m\u1EEBng b\u1EA1n \u0111\u1EBFn v\u1EDBi Zalo Mini App"), /*#__PURE__*/_react["default"].createElement(_text["default"], 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["default"].createElement(_button["default"], {
suffixIcon: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
icon: "zi-arrow-right"
})
}, "Ti\u1EBFp t\u1EE5c"))
}
};