extra & variant fixes

src/components/ProCheckboxGroups/ProCheckboxGroups.tsx

@@ -5,9 +5,14 @@ interface ProCheckboxGroupsProps {
   options: any[];
   value?: string[];
   onChange?: (values: string[]) => void;
+  showPrice?: boolean;
 }
 
-const ProCheckboxGroups = ({ options, ...props }: ProCheckboxGroupsProps) => {
+const ProCheckboxGroups = ({
+  options,
+  showPrice,
+  ...props
+}: ProCheckboxGroupsProps) => {
   return (
     <Checkbox.Group
       {...props}
@@ -15,7 +20,7 @@ const ProCheckboxGroups = ({ options, ...props }: ProCheckboxGroupsProps) => {
         width: "100%",
       }}
     >
-      <Space direction="vertical" style={{ width: "100%" }}>
+      <Space orientation="vertical" style={{ width: "100%" }}>
         {options.map((option: any) => (
           <Checkbox
             key={option.value}
@@ -38,7 +43,9 @@ const ProCheckboxGroups = ({ options, ...props }: ProCheckboxGroupsProps) => {
               >
                 {option.label}
               </ProText>
-              <ProText style={{ fontSize: "1rem" }}>{option.price}</ProText>
+              {showPrice && (
+                <ProText style={{ fontSize: "1rem" }}>{option.price}</ProText>
+              )}
             </div>
           </Checkbox>
         ))}