react-native-reanimated/src/common/web/style/processors/paddings.ts

More powerful alternative to Animated library for React Native.

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

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

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

  if (!result) {
    return;
  }

  return {
    paddingLeft: result,
    paddingRight: result,
  };
};

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

  if (!result) {
    return;
  }

  return {
    paddingTop: result,
    paddingBottom: result,
  };
};