zmp-ui

Version:
Zalo Mini App framework
63 lines (61 loc) • 2.02 kB
JavaScript
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = exports.InfoDialogVerticalActions = exports.InfoDialog = exports.CustomModalWithCover = void 0;
var _ = _interopRequireDefault(require("."));
/* eslint-disable sonarjs/no-duplicate-string */

var meta = {
  title: "Overlay/Modal",
  component: _["default"],
  tags: ["autodocs"],
  argTypes: {}
};
var _default = exports["default"] = meta;
var InfoDialog = exports.InfoDialog = {
  name: "Mặc định",
  args: {
    visible: true,
    title: "Bạn có muốn đặt bàn tại ZaUI Coffee không?",
    actions: [{
      text: "Xem menu"
    }, {
      text: "Đặt bàn ngay",
      close: true,
      highLight: true
    }],
    description: "Hãy xem qua menu trước khi quyết định đặt bàn. Chúng tôi có nhiều món hấp dẫn đang chờ bạn!"
  }
};
var InfoDialogVerticalActions = exports.InfoDialogVerticalActions = {
  name: "Hiển thị các action theo chiều dọc",
  args: {
    visible: true,
    title: "Bạn có muốn đặt bàn tại ZaUI Coffee không?",
    verticalActions: true,
    actions: [{
      text: "Xem menu chi tiết"
    }, {
      text: "Tiếp tục đặt bàn",
      close: true,
      highLight: true
    }],
    description: "Bạn có thể tham khảo thêm thông tin món ăn trước khi đặt bàn để có trải nghiệm tốt nhất."
  }
};
var CustomModalWithCover = exports.CustomModalWithCover = {
  name: "Hình ảnh cover",
  args: {
    visible: true,
    title: "Ưu đãi đặc biệt từ ZaUI Coffee",
    coverSrc: "https://images.unsplash.com/photo-1561336313-0bd5e0b27ec8",
    zIndex: 1200,
    actions: [{
      text: "Không quan tâm"
    }, {
      text: "Tìm hiểu thêm",
      close: true,
      highLight: true
    }],
    description: "Khám phá các chương trình khuyến mãi hấp dẫn dành riêng cho thành viên khi đặt bàn trực tuyến."
  }
};