React native shadow defaults

index.ts

import { ShadowStyleIOS } from 'react-native';

export default (
  depth?: 'min' | 'default' | 'max',
  color?: string,
): {
  elevation: number;
} & ShadowStyleIOS => {
  switch (depth) {
    case 'min':
      return {
        shadowColor: color || '#000',
        shadowOffset: {
          width: 0,
          height: 2,
        },
        shadowOpacity: 0.23,
        shadowRadius: 2.62,
        elevation: 4,
      };
    case 'max':
      return {
        shadowColor: color || '#000',
        shadowOffset: {
          width: 0,
          height: 8,
        },
        shadowOpacity: 0.44,
        shadowRadius: 10.32,
        elevation: 16,
      };
    default:
      return {
        shadowColor: color || '#000',
        shadowOffset: {
          width: 0,
          height: 4,
        },
        shadowOpacity: 0.3,
        shadowRadius: 4.65,
        elevation: 8,
      };
  }
};

package.json

{
  "name": "react-native-shadow-util",
  "version": "0.0.1"
}