marginTop: spacing()

in public/src/components/channelManagement/supportLandingPage/variantEditor.tsx [21:64]

• 41 lines of code
• 1 McCabe index (conditional complexity)

      marginTop: spacing(3),
    },
  },
}));

interface VariantEditorProps {
  variant: SupportLandingPageVariant;
  onVariantChange: (updatedVariant: SupportLandingPageVariant) => void;
  editMode: boolean;
  onDelete: () => void;
  onValidationChange: (isValid: boolean) => void;
}

const VariantEditor: React.FC<VariantEditorProps> = ({
  variant,
  editMode,
  onValidationChange,
  onVariantChange,
}: VariantEditorProps) => {
  const classes = useStyles();

  return (
    <div className={classes.container}>
      <div>
        <CopyEditor
          copy={variant.copy}
          onChange={(updatedCopy: SupportLandingPageCopy): void =>
            onVariantChange({ ...variant, copy: updatedCopy })
          }
          onValidationChange={onValidationChange}
          editMode={editMode}
        />
      </div>
      <ProductsEditor
        products={variant.products}
        onProductsChange={updatedProducts =>
          onVariantChange({ ...variant, products: updatedProducts })
        }
        onValidationChange={onValidationChange}
        editMode={editMode}
      />
      <TickerEditor
        tickerSettings={variant.tickerSettings}
        updateTickerSettings={(updatedTickerSettings?: TickerSettings): void => {