Cart: show variant label

src/components/ProCheckboxGroups/ProCheckboxGroups.tsx

@@ -17,33 +17,30 @@ const ProCheckboxGroups = ({ options, ...props }: ProCheckboxGroupsProps) => {
     >
       <Space direction="vertical" style={{ width: "100%" }}>
         {options.map((option: any) => (
-          <>
-            <Checkbox
-              key={option.value}
-              value={option.value}
-              // style={{ width: 24, height: 24, borderRadius: 30 }}
+          <Checkbox
+            key={option.value}
+            value={option.value}
+            // style={{ width: 24, height: 24, borderRadius: 30 }}
+          >
+            <div
+              style={{
+                display: "flex",
+                flexDirection: "row",
+                justifyContent: "space-between",
+                width: "100%",
+                padding: "8px 0",
+              }}
             >
-              <div
+              <ProText
                 style={{
-                  display: "flex",
-                  flexDirection: "row",
-                  justifyContent: "space-between",
-                  width: "100%",
-                  padding: "8px 0",
+                  fontSize: "1rem",
                 }}
               >
-                <ProText
-                  style={{
-                    fontSize: "1rem",
-                  }}
-                >
-                  {option.label}
-                </ProText>
-                <ProText style={{ fontSize: "1rem" }}>{option.price}</ProText>
-              </div>
-            </Checkbox>
-            {/* {index !== options.length - 1 && <Divider style={{ margin: 0 }} />} */}
-          </>
+                {option.label}
+              </ProText>
+              <ProText style={{ fontSize: "1rem" }}>{option.price}</ProText>
+            </div>
+          </Checkbox>
         ))}
       </Space>
     </Checkbox.Group>