marginBottom: spacing()

in public/src/components/channelManagement/imageEditor.tsx [11:46]

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

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

interface ImageEditorProps {
  image: Image;
  updateImage: (image: Image) => void;
  isDisabled: boolean;
  onValidationChange: (isValid: boolean) => void;
  guidance: string; // helper text to suggest e.g. image ratio
}

interface ImageEditorToggleProps {
  image?: Image;
  updateImage: (image?: Image) => void;
  isDisabled: boolean;
  onValidationChange: (isValid: boolean) => void;
  guidance: string;
  label: string;
}

const DEFAULT_IMAGE: Image = {
  mainUrl: '',
  altText: '',
};

const ImageEditor: React.FC<ImageEditorProps> = ({
  image,
  updateImage,
  isDisabled,
  onValidationChange,
  guidance,
}: ImageEditorProps) => {
  const defaultValues: Image = image;

  const { register, handleSubmit, errors, trigger } = useForm<Image>({