{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "CustomerSearchDialog",
      "name": "Dialog/Customer Search",
      "reusable": true,
      "width": 1440,
      "height": 900,
      "fill": "#0A0A0B80",
      "justifyContent": "center",
      "alignItems": "center",
      "children": [
        {
          "type": "frame",
          "id": "CustomerModal",
          "width": 480,
          "fill": "#111113",
          "cornerRadius": 24,
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "layout": "vertical",
          "gap": 20,
          "padding": 28,
          "children": [
            {
              "type": "frame",
              "id": "CustomerHeader",
              "width": "fill_container",
              "justifyContent": "space_between",
              "alignItems": "center",
              "children": [
                {"type": "frame", "id": "CustomerHeaderLeft", "gap": 12, "alignItems": "center", "children": [
                  {"type": "frame", "id": "CustomerIcon", "width": 44, "height": 44, "fill": "#14B8A61A", "cornerRadius": 22, "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "CustomerIconI", "width": 22, "height": 22, "iconFontName": "user-search", "iconFontFamily": "lucide", "fill": "#14B8A6"}
                  ]},
                  {"type": "frame", "id": "CustomerTitleBlock", "layout": "vertical", "gap": 2, "children": [
                    {"type": "text", "id": "CustomerTitle", "fill": "#FFFFFF", "content": "Tìm khách hàng", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"},
                    {"type": "text", "id": "CustomerDesc", "fill": "#8B8B90", "content": "SĐT hoặc tên thành viên", "fontFamily": "Roboto", "fontSize": 12}
                  ]}
                ]},
                {"type": "frame", "id": "CustomerClose", "width": 32, "height": 32, "fill": "#2A2A2E", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "CustomerCloseIcon", "width": 16, "height": 16, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "#8B8B90"}
                ]}
              ]
            },
            {"type": "frame", "id": "CustomerSearch", "width": "fill_container", "height": 48, "fill": "#1A1A1D", "cornerRadius": 10, "stroke": {"thickness": 1, "fill": "#14B8A6"}, "padding": [0, 14], "gap": 10, "alignItems": "center", "children": [
              {"type": "icon_font", "id": "CustomerSearchIcon", "width": 18, "height": 18, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "#14B8A6"},
              {"type": "text", "id": "CustomerSearchText", "fill": "#FFFFFF", "content": "0901", "fontFamily": "Roboto", "fontSize": 14},
              {"type": "frame", "id": "CustomerSearchClear", "width": 20, "height": 20, "fill": "#2A2A2E", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "CustomerSearchClearI", "width": 12, "height": 12, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "#6B6B70"}]}
            ]},
            {
              "type": "frame",
              "id": "CustomerResults",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 8,
              "children": [
                {"type": "text", "id": "CustomerResultsTitle", "fill": "#6B6B70", "content": "Kết quả (3)", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "500"},
                {"type": "frame", "id": "CustomerResult1", "width": "fill_container", "fill": "#14B8A610", "stroke": {"thickness": 1, "fill": "#14B8A6"}, "cornerRadius": 12, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "CustomerResult1Left", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "CustomerResult1Avatar", "width": 40, "height": 40, "fill": "#14B8A630", "cornerRadius": 20, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CustomerResult1Initial", "fill": "#14B8A6", "content": "N", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"}]},
                    {"type": "frame", "id": "CustomerResult1Info", "layout": "vertical", "gap": 2, "children": [
                      {"type": "frame", "id": "CustomerResult1Row", "gap": 6, "alignItems": "center", "children": [
                        {"type": "text", "id": "CustomerResult1Name", "fill": "#FFFFFF", "content": "Nguyễn Văn A", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
                        {"type": "frame", "id": "CustomerResult1VIP", "fill": "#F59E0B", "cornerRadius": 4, "padding": [2, 6], "children": [{"type": "text", "id": "CustomerResult1VIPText", "fill": "#000", "content": "Gold", "fontFamily": "Roboto", "fontSize": 9, "fontWeight": "700"}]}
                      ]},
                      {"type": "text", "id": "CustomerResult1Phone", "fill": "#8B8B90", "content": "0901***234 • 2,520 điểm", "fontFamily": "Roboto", "fontSize": 12}
                    ]}
                  ]},
                  {"type": "icon_font", "id": "CustomerResult1Check", "width": 20, "height": 20, "iconFontName": "check-circle-2", "iconFontFamily": "lucide", "fill": "#14B8A6"}
                ]},
                {"type": "frame", "id": "CustomerResult2", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "CustomerResult2Left", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "CustomerResult2Avatar", "width": 40, "height": 40, "fill": "#2A2A2E", "cornerRadius": 20, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CustomerResult2Initial", "fill": "#8B8B90", "content": "T", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"}]},
                    {"type": "frame", "id": "CustomerResult2Info", "layout": "vertical", "gap": 2, "children": [
                      {"type": "text", "id": "CustomerResult2Name", "fill": "#FFFFFF", "content": "Trần Thị B", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
                      {"type": "text", "id": "CustomerResult2Phone", "fill": "#8B8B90", "content": "0901***567 • 850 điểm", "fontFamily": "Roboto", "fontSize": 12}
                    ]}
                  ]},
                  {"type": "frame", "id": "CustomerResult2Btn", "fill": "#2A2A2E", "cornerRadius": 6, "padding": [6, 10], "children": [{"type": "text", "id": "CustomerResult2BtnT", "fill": "#ADADB0", "content": "Chọn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}
                ]},
                {"type": "frame", "id": "CustomerResult3", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": 12, "padding": 12, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "CustomerResult3Left", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "CustomerResult3Avatar", "width": 40, "height": 40, "fill": "#2A2A2E", "cornerRadius": 20, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CustomerResult3Initial", "fill": "#8B8B90", "content": "L", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"}]},
                    {"type": "frame", "id": "CustomerResult3Info", "layout": "vertical", "gap": 2, "children": [
                      {"type": "text", "id": "CustomerResult3Name", "fill": "#FFFFFF", "content": "Lê Văn C", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
                      {"type": "text", "id": "CustomerResult3Phone", "fill": "#8B8B90", "content": "0901***891 • 150 điểm", "fontFamily": "Roboto", "fontSize": 12}
                    ]}
                  ]},
                  {"type": "frame", "id": "CustomerResult3Btn", "fill": "#2A2A2E", "cornerRadius": 6, "padding": [6, 10], "children": [{"type": "text", "id": "CustomerResult3BtnT", "fill": "#ADADB0", "content": "Chọn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}
                ]}
              ]
            },
            {"type": "frame", "id": "CustomerDivider", "width": "fill_container", "height": 1, "fill": "#1F1F23"},
            {"type": "frame", "id": "CustomerNewBtn", "width": "fill_container", "height": 44, "fill": "#1A1A1D", "stroke": {"thickness": 1, "fill": "#2A2A2E", "style": "dashed"}, "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "CustomerNewIcon", "width": 16, "height": 16, "iconFontName": "user-plus", "iconFontFamily": "lucide", "fill": "#8B8B90"},
              {"type": "text", "id": "CustomerNewText", "fill": "#8B8B90", "content": "Tạo khách hàng mới", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
            ]}
          ]
        }
      ]
    }
  ]
}
