react-native-reanimated/src/css/web/style/processors/margins.ts

More powerful alternative to Animated library for React Native.

'use strict';
import type { DimensionValue } from 'react-native';

import { parseDimensionValue } from '../../utils';
import type { ValueProcessor } from '../types';

export const processMarginHorizontal: ValueProcessor<DimensionValue> = (
  value
) => {
  const result = parseDimensionValue(value);

  if (!result) {
    return;
  }

  return {
    marginLeft: result,
    marginRight: result,
  };
};

export const processMarginVertical: ValueProcessor<DimensionValue> = (
  value
) => {
  const result = parseDimensionValue(value);

  if (!result) {
    return;
  }

  return {
    marginTop: result,
    marginBottom: result,
  };
};