marginLeft: spacing()

in public/src/components/channelManagement/gutterTests/gutterVariantEditor.tsx [56:91]


      marginLeft: spacing(1),
    },
  },
  switchLabel: {
    fontSize: '14px',
    fontWeight: 500,
  },
}));

const BODY_COPY_RECOMMENDED_LENGTH = 300;
const BODY_DEFAULT_HELPER_TEXT = 'Main gutter message paragraph';

interface FormData {
  image: Image;
  bodyCopy: string[];
  cta?: Cta;
}
interface VariantContentEditorProps {
  variant: GutterContent;
  onVariantChange: (updatedContent: GutterContent) => void;
  onValidationChange: (isValid: boolean) => void;
  editMode: boolean;
}

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

  const getBodyCopyLength = () => {
    const bodyCopyRecommendedLength = BODY_COPY_RECOMMENDED_LENGTH;

    if (variant.bodyCopy != null) {