{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "DiscountApplyDialog",
      "name": "Dialog/Discount Apply",
      "reusable": true,
      "width": 1440,
      "height": 900,
      "fill": "#0A0A0B80",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "DiscountModal",
          "width": 440,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "layout": "vertical",
          "gap": 24,
          "padding": 32,
          "children": [
            {
              "type": "frame",
              "id": "DiscountHeader",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 12,
              "alignItems": "center",
              "children": [
                {"type": "frame", "id": "DiscountIcon", "width": 64, "height": 64, "fill": "#F59E0B1A", "cornerRadius": 32, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "DiscountIconI", "width": 28, "height": 28, "iconFontName": "percent", "iconFontFamily": "lucide", "fill": "#F59E0B"}
                ]},
                {"type": "text", "id": "DiscountTitle", "fill": "#FFFFFF", "content": "Áp dụng giảm giá", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"},
                {"type": "text", "id": "DiscountDesc", "fill": "#8B8B90", "content": "Nhập mã voucher hoặc chọn khuyến mãi", "fontFamily": "Roboto", "fontSize": 14}
              ]
            },
            {
              "type": "frame",
              "id": "DiscountInput",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 16,
              "children": [
                {"type": "frame", "id": "DiscountInputRow", "width": "fill_container", "gap": 8, "children": [
                  {"type": "frame", "id": "DiscountInputField", "width": "fill_container", "height": 48, "fill": "#1A1A1D", "cornerRadius": 10, "stroke": {"thickness": 1, "fill": "#2A2A2E"}, "padding": [0, 16], "gap": 10, "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "DiscountInputIcon", "width": 18, "height": 18, "iconFontName": "ticket", "iconFontFamily": "lucide", "fill": "#6B6B70"},
                    {"type": "text", "id": "DiscountInputText", "fill": "#FFFFFF", "content": "GOODGO50", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "DiscountApplyBtn", "height": 48, "fill": "#F59E0B", "cornerRadius": 10, "padding": [0, 16], "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "DiscountApplyText", "fill": "#000", "content": "Áp dụng", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                  ]}
                ]},
                {"type": "frame", "id": "DiscountSuccess", "width": "fill_container", "fill": "#22C55E1A", "cornerRadius": 10, "padding": 12, "gap": 8, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "DiscountSuccessIcon", "width": 18, "height": 18, "iconFontName": "check-circle", "iconFontFamily": "lucide", "fill": "#22C55E"},
                  {"type": "text", "id": "DiscountSuccessText", "fill": "#22C55E", "content": "Giảm 50,000₫ cho đơn từ 200K", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                ]}
              ]
            },
            {"type": "frame", "id": "DiscountDivider", "width": "fill_container", "height": 1, "fill": "#1F1F23"},
            {
              "type": "frame",
              "id": "DiscountPromos",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 10,
              "children": [
                {"type": "text", "id": "DiscountPromosTitle", "fill": "#8B8B90", "content": "Khuyến mãi đang có", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
                {"type": "frame", "id": "DiscountPromo1", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "DiscountPromo1Left", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "DiscountPromo1Icon", "width": 36, "height": 36, "fill": "#EC48991A", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "DiscountPromo1Pct", "fill": "#EC4899", "content": "20%", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "700"}]},
                    {"type": "frame", "id": "DiscountPromo1Info", "layout": "vertical", "gap": 2, "children": [
                      {"type": "text", "id": "DiscountPromo1Name", "fill": "#FFFFFF", "content": "Giảm 20% Happy Hour", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
                      {"type": "text", "id": "DiscountPromo1Cond", "fill": "#6B6B70", "content": "14h-17h • Áp dụng tất cả", "fontFamily": "Roboto", "fontSize": 11}
                    ]}
                  ]},
                  {"type": "frame", "id": "DiscountPromo1Btn", "fill": "#2A2A2E", "cornerRadius": 6, "padding": [6, 10], "children": [{"type": "text", "id": "DiscountPromo1BtnT", "fill": "#ADADB0", "content": "Chọn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}
                ]},
                {"type": "frame", "id": "DiscountPromo2", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 10, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "DiscountPromo2Left", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "DiscountPromo2Icon", "width": 36, "height": 36, "fill": "#3B82F61A", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "DiscountPromo2Pct", "fill": "#3B82F6", "content": "30K", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "700"}]},
                    {"type": "frame", "id": "DiscountPromo2Info", "layout": "vertical", "gap": 2, "children": [
                      {"type": "text", "id": "DiscountPromo2Name", "fill": "#FFFFFF", "content": "Giảm 30K cho thành viên", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
                      {"type": "text", "id": "DiscountPromo2Cond", "fill": "#6B6B70", "content": "VIP Gold trở lên • Đơn từ 100K", "fontFamily": "Roboto", "fontSize": 11}
                    ]}
                  ]},
                  {"type": "frame", "id": "DiscountPromo2Btn", "fill": "#2A2A2E", "cornerRadius": 6, "padding": [6, 10], "children": [{"type": "text", "id": "DiscountPromo2BtnT", "fill": "#ADADB0", "content": "Chọn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}
                ]}
              ]
            },
            {
              "type": "frame",
              "id": "DiscountActions",
              "width": "fill_container",
              "gap": 12,
              "children": [
                {"type": "frame", "id": "DiscountCancel", "width": "fill_container", "height": 48, "fill": "#2A2A2E", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "text", "id": "DiscountCancelText", "fill": "#ADADB0", "content": "Hủy", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}
                ]},
                {"type": "frame", "id": "DiscountConfirm", "width": "fill_container", "height": 48, "fill": {"type": "gradient", "gradientType": "linear", "rotation": 135, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "text", "id": "DiscountConfirmText", "fill": "#FFFFFF", "content": "Xác nhận -50,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                ]}
              ]
            }
          ]
        }
      ]
    }
  ]
}
